- 博客(4)
- 收藏
- 关注
RSS订阅原创 使用CSS属性will-change去优化页面渲染
先说一个老生常谈的话题：什么会造成浏览器的页面重绘？ 当元素的属性发生改变，也可以简单的理解为元素的外形发生改变的时候，例如改变盒子的宽高颜色等等，浏览器会根据元素的新的属性进行重绘。并不一定会带来重排。重绘就会去使用CPU进行重新去计算，操作频繁会导致渲染的卡顿。比如页面滚动事件、某些动画渲染等等 如果说提前告知浏览器，元素会有哪些属性发生改变，让浏览器提前做好准备。那么就可以解...
2018-06-25 17:37:15
464
原创 使用canvas将照片和海报边框图片合成海报的移动端例子
需求： 类似一些美图软件中的给照片加相框的操作 1. 用户选择照片，照片可以移动、可以放大缩小 2. 选择海报模版 3. 生成海报 最后生成的海报效果图类似下图 使用的技术栈是：vue+html2canvas+exif-js 具体思路：1.点击’选择图片’的按钮时候，实际触发的是<input type="file">,在input的change事件里面，使用new...
2018-06-13 16:09:00
3608
4
原创 html2canvas截屏图片有白边/黑边 的问题记录
先记录一下canvas的画布的形态转换的一些方法 方法 描述 scale() 缩放当前绘图至更大或更小 rotate() 旋转当前绘图 translate() 重新映射画布上的 (0,0) 位置 transform() 替换绘图的当前转换矩阵这的方法使用在canvas的画布身上的 canvas.getContext("2...
2018-06-12 11:25:34
15407
原创 在mac下npm install的错误处理
已经装好了node、npm在安装淘宝镜像的时候报了一堆错，猜测是因为权限的问题，试了一下果然是权限的问题 解决方法如下： 在终端中输入sudo －s接下来会提示输入管理员密码，输入之后，就一切顺畅了...
2018-06-05 13:56:35
4847
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人