Canvas特效之变幻线

Canvas a'ゞ『完美』 3年前 (2016-08-19) 7359次浏览 已收录 2个评论 扫描二维码

最近都在研究 Canvas 的一些东西,今天给大家分享一个干货!(主要讲思路,那些 API 自己去查资料)

(实际上没卵用,这个特效实用价值不是很大,但是我们要的就是炫!)
上一个 Demo 看看效果再说:
Canvas 特效之变幻线
Canvas 特效之变幻线

直接上代码:

首先讲一下原理:
就是画好几个点,然后这些点之间用线连接起来,然后再移动这些点,就会实现这样的效果。剩下的后面说!
以下内容过多,我把它折叠起来了,点击展开看!


a'ゞ『完美』版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权 , 转载请注明Canvas 特效之变幻线
喜欢 (42)
[]
分享 (0)
a'ゞ『完美』
关于作者:
一个前端小白菜
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(2)个小伙伴在吐槽
  1. 第三步骤的 context.clearRect(0, 0, winW, winH)应该放到for循环外面吧
    啥都吃2016-10-08 17:52 回复 Windows 8.1 | Chrome 52.0.2743.82
    • a'ゞ『完美』
      谢谢指出,是我疏忽了。已修改。 :mrgreen:
      a'ゞ『完美』2016-10-13 13:00 回复 Windows 7 | Chrome 53.0.2785.116