摘要: 1、在图片上传中,使用的input的type为File的属性。使用filereader的Api let that = this; var file = document.getElementById("file").files[0]; console.log(document.getElementB 阅读全文
posted @ 2019-07-23 23:14 前端++ 阅读(332) 评论(1) 推荐(0) 编辑
摘要: 注意:transform的scale为负数时,图片会垂直翻转 一、在使用transform将计算得到的变化应用到图片上后,需要考虑到我们每次计算的都是touchmove中本次的差量。在第一次移动过后。当进行第二次移动时,我们需要在第一次移动的位置基础上再次进行差量移动,所以首先需要创建一个公共变量来 阅读全文
posted @ 2019-07-23 19:29 前端++ 阅读(425) 评论(0) 推荐(0) 编辑
摘要: 上次解释了如何使用代码识别双指和单指操作及放大和旋转拖动操作。这次解释下css3的transform原理 一、transform矩阵原理 transform: matrix(a,b,c,d,e,f) ax+cy+e为变换后的水平坐标,bx+dy+f表示变换后的垂直 二、Transform的原理即是坐 阅读全文
posted @ 2019-07-23 08:29 前端++ 阅读(385) 评论(0) 推荐(0) 编辑
摘要: 1、前端图片处理需求场景 前端图片处理应用在很多方面,在做业务过程中我也遇到了以下问题用到前端图片处理插件。 头像上传 背景图片上传 信用卡的Diy卡面上传 H5贴纸及合成 2、手势控制的数学知识 如果想要做图片旋转放大和拖动操作,一定会涉及到移动端的手势识别和手势操作。 在移动端控制图片操作中涉及 阅读全文
posted @ 2019-07-23 08:17 前端++ 阅读(719) 评论(0) 推荐(0) 编辑