随笔分类 - canvas
摘要：window.requestAnimationFrame() 方法告诉浏览器您希望执行动画并请求浏览器在下一次重绘之前调用指定的函数来更新动画。 该方法使用一个回调函数作为参数，这个回调函数会在浏览器重绘之前调用。 当你需要更新屏幕画面时就可以调用此方法。在浏览器下次重绘前执行回调函数。回调的次数通
阅读全文
摘要：浏览器支持 Internet Explorer 9、Firefox、Opera、Chrome 以及 Safari 支持 clearRect() 方法。 注释：Internet Explorer 8 或更早的浏览器不支持 <canvas> 元素。 定义和用法 clearRect() 方法清空给定矩形内
阅读全文
摘要：canvas.save()用来保存先前状态的 canvas.restore()用来恢复之前保存的状态 注：两种方法必须搭配使用，否则没有效果 代码效果如下： 大家可以看到，在最上面的时候在canvas中画了一个矩形，而且是虚线矩形，红色，线宽为5，后来又画了一个圆形 注意并没有开辟新路径，这个圆保持
阅读全文
摘要：转：https://www.jianshu.com/p/53199b842d25 image.png 图上那些类似于星座图的点和线，是由vue-particles生成的，不仅自己动，而且能与用户鼠标事件产生互动。 一直中意这种动态插件，今天有时间，迫不及待试了一波~ 大写的NICE~ 使用教程： n
阅读全文
摘要：转：https://www.jianshu.com/p/c52b3e91c94f 知乎的首页后面的粒子动效总觉得很炫酷，搜了一下，发现是用particles.js编写的。刚好目前的项目是利用vue框架的，两个凑在一起学了。讲道理，这个用得好的话，页面是可以很酷的，譬如我现在写的项目 酷酷的登录页 嘻
阅读全文
