Rshan
Rshan
### 背景 在开发中经常会遇到需要将配置数据转换成代码的情况，如果只有几个配置的话还好， `(￣▽￣)~*` 我们直接 `ctrl + c`、`ctrl + v` 操作就好了。`(ಥ_ಥ)` 然而，产品大佬通常只会甩一个几百行数据的谷歌表格给到前端，让前端自行录入奖励配置、图片配置等映射关系。  `o(´^｀)o`作为一枚有追求（能动脑就不动手）的切图仔，肯定不能一行行录入或者复制到记事本改数据格式的，费时耗力不说还容易出错。若针对每个谷歌表格都写一个读取脚本，显然也是不可取的（每次都要改代码也不行），所以这时候就需要一个高效的开发工具可以满足： - 选中谷歌表格的数据内容，按下神秘按键 `ctrl + c`，就得到我们需要的数据格式 `Json` 或 `Array` 。 - 能跨浏览器页面使用。 综上，打算撕一个浏览器插件工具来提效我们的研发，让开发者把时间花在更有意义的事情上。 ### 准备工作 作为还没入门过浏览器插件开发的萌新，于是就去扫盲了下 chrome...
## 基于 AlloyCrop 的图片手势缩放、裁剪业务实践 最近经常接到活动页面需要给用户定制化图片的需求，于是对之前所做过的图片裁剪业务功能、踩过的一些坑做一个总结梳理，希望对大家有参考价值。 ### 需求描述 我们先来看一下整体的需求功能： - 点击固定的区域可以让用户选中拍照/图库中的照片 - 随后用户可以对已选择的照片进行缩放、拖动来调整照片展示区域 - 待调用户对图片整完成后还可以选择不同的活动主题封面进行合成，生成活动相关的直播封面  ### 功能实现 - 第一步调起拍照、相册功能，这一步可以直接使用 `input` 标签调用原生的拍照、相册功能。 ```html ``` - 第二步涉及到图片裁剪、缩放、拖动等功能，这里我们引入了[AlloyCrop 图片裁剪库](https://github.com/AlloyTeam/AlloyCrop)，在 `body` 底部引入后即可在`Vue`中直接调用： ```html ```...