随笔分类 - JavaScript[Canvas]
摘要:Canvas:技术小结 资料 【教程:MDN官方中文教程】 https://developer.mozilla.org/zh-CN/docs/Web/API/Canvas_API/Tutorial 【系列博客:每天一点Canvas动画】 https://segmentfault.com/blog/z
阅读全文
摘要:Canvas:橡皮筋线条绘制 效果演示 实现要点 事件监听 【说明】: 在Canvas中检测鼠标事件是非常简单的,可以在canvas中添加一个事件监听器,当事件发生时,浏览器就会调用这个监听器。 我们可以使用绑定事件属性: 此外,也可以使用更为通用的addEventListener()方法来注册监听
阅读全文
摘要:Canvas:绘制路径 绘制路径 图形的基本元素是路径。路径是[通过不同颜色和宽度的线段或曲线相连形成的不同形状的]点的集合。一个路径,甚至一个子路径,都是闭合的。 使用路径绘制图形需要一些额外的步骤。 函数解释 beginPath() 【说明】:清空子路径列表,并新建一条路径。 【例子】:绘制两条
阅读全文