使用CSS属性will-change去优化页面渲染

先说一个老生常谈的话题:什么会造成浏览器的页面重绘? 当元素的属性发生改变,也可以简单的理解为元素的外形发生改变的时候,例如改变盒子的宽高颜色等等,浏览器会根据元素的新的属性进行重绘。并不一定会带来重排。 重绘就会去使用CPU进行重新去计算,操作频繁会导致渲染的卡顿。比如页面滚动事件、...

2018-06-25 17:37:15

阅读数 129

评论数 0

使用canvas将照片和海报边框图片合成海报的移动端例子

需求: 类似一些美图软件中的给照片加相框的操作 1. 用户选择照片,照片可以移动、可以放大缩小 2. 选择海报模版 3. 生成海报 最后生成的海报效果图类似下图 使用的技术栈是:vue+html2canvas+exif-js 具体思路: 1.点击’选择图片’的按钮时候,实际触发...

2018-06-13 16:09:00

阅读数 1914

评论数 2

html2canvas截屏图片有白边/黑边 的问题记录

先记录一下canvas的画布的形态转换的一些方法 方法 描述 scale() 缩放当前绘图至更大或更小 rotate() 旋转当前绘图 translate() 重新映射画布上的 (0,0) 位置 transform() 替换绘图的当...

2018-06-12 11:25:34

阅读数 4542

评论数 0

在mac下npm install的错误处理

已经装好了node、npm在安装淘宝镜像的时候报了一堆错,猜测是因为权限的问题,试了一下果然是权限的问题 解决方法如下: 在终端中输入 sudo -s 接下来会提示输入管理员密码,输入之后,就一切顺畅了...

2018-06-05 13:56:35

阅读数 2459

评论数 0

提示
确定要删除当前文章?
取消 删除