# chrome浏览器图片插件

**Repository Path**: sparkyuan/chrome-browser-image-plugin

## Basic Information

- **Project Name**: chrome浏览器图片插件
- **Description**: ES5原生JS开发的，Chrome内核浏览器插件，可在页面中注入图片，图片可以设置大小和旋转（速度）与否，可以进行简单的点击、滚动等交互
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-07-26
- **Last Updated**: 2022-10-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 使用说明

1）打开使用Chrome浏览器内核的浏览器

2）点击管理拓展

3）选择进入开发者模式

4）载入已解压的拓展程序



# 功能说明

开启插件后，打开网页或刷新已有网页即可在右下角看到，一个旋转的狗头图片。

双击图片即可实现暂停旋转/恢复旋转的功能。

鼠标按住图片可拖拽移动至浏览器页面内的任意位置。

鼠标移动至图片周围即可弹出功能按钮，包括+、-、︽和︾四个按钮，分别对应：增大图片、缩小图片、加快旋转速度、减慢旋转速度四种（后两种在暂停旋转时无效）。

将插件添加至标签栏里，点击标签栏内图标，可在弹出对话中使用额外功能：

【跟随模式】：选中后，图片将跟随你的鼠标移动，跟随模式下，以上图片交互功能无法使用。

【更换图片】：点击按钮可从本地选择您喜欢的其他图片来替换原有图片。

注意：以上功能设置后，会在本地保留您的设置选择，再次打开网页时无需重新设置；但已经打开的网页需要刷新后才能生效。



# 版本更新说明

## VER 1.2.6

### BUG修复

修复了在未选择跟随模式的情况下载入网页时，在菜单栏中勾选跟随模式，不切换动画模式就无法正常载入动画的问题

### 程序优化

优化了按钮图标的尺寸表现，使其可以与图片大小同步变化

修改了按钮图标隐藏出现的代码实现方式，优化了图片尺寸较小时，按钮出现消失时产生的轻微抖动问题

降低了鼠标拖动图片，以及跟随模式下图片跟随的触发频率，节省了运算资源，但在高速移动下相较以往版本响应会有所延迟

修改了图片位置改变的代码实现方式，图片位置变更速度更快，但肉眼上相较以往版本不会有明显差别



## VER 1.2.5

### BUG修复

修复了拖拽图片时，鼠标移动过快会丢失的问题。

修复了页面初次加载时未进入跟随模式，随后进入跟随模式且未修改动画持续时间的情况下，动画持续时间过短的问题。

## VER 1.2.4

### BUG修复

修复了轮换模式下，修改默认图片，不同页面设置不同步的问题。



## VER 1.2.3

### 更新内容

新增了跟随模式下的互动效果，当开启了**跟随模式**后，可以点击浏览器标签栏的插件图表，在弹出框内通过点击单选栏切换并设置**动画模式**和**轮换模式**。

动画模式：

设置“点击动画”和“滚动动画”后，选择对应的图片（建议为动图）为相关的响应模式，并设置动画持续的时间。

设置完成后，在动画模式下，鼠标点击和鼠标滑动滚轮，图片将会替换成对应的图片，设定时间到后恢复。

如果没有设置响应的图片，则不会发生任何变化。

轮换模式：

增加了四个图片的备选选项，可以点击对应按钮选择并设置备选图片。

设置完成后，在轮换模式下，鼠标双击，图片将按照顺序替换成后续的图片，切换后的图片变成**默认图片**，即上个版本中的“更换图片”。

如果某个备选选项没有设置，将默认为初始图片。

### BUG修复

1、修复了页面中有滚动条的情况下，图片移动定位异常的问题。

2、修复了图片尺寸或转动速度到达最大、最小值后，刷新或打开新页面，鼠标禁止点击样式没有显示的问题。

3、修复了图片尺寸更改后，刷新或打开新页面，在不再更改图片尺寸的情况下，尺寸设置没有立即生效的问题。


## VER 1.1.0

### 更新内容

除标签图标内的功能外，所有图片相关的设置都将能同步更新到当前浏览器所有窗口，且所有设置都将被保存，每次打开浏览器图片的各项指标都会自动恢复至上次设置的状态。

相关设置包括：

【原有】：跟随模式和更换图片，这一部分是初版就能自动同步更新和保存的。

【新增】：增大、缩小图片；加快、减慢图片旋转速度；开启/暂停图片旋转状态；拖动改变图片位置。



# 联系我

本应用为个人业余开发，仅供娱乐，如果在使用过程中遇到了问题，或者有什么意见或建议，请联系594078370@qq.com邮箱进行反馈。