![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Canvas
bugknightyyp
喜欢开源,喜欢分享,喜欢激情
展开
-
canvas-basic-animation
因为我们使用脚本来控制canvas元素,所以canvas元素非常容易做动画。不巧的是canvas元素不是按照使用flash的方式来设计的,所以有一定的局限性。 最大的局限性很可能是一旦形状被画出,它就一直保持这样的状态。如果我们需要移动它,就不得不重新画,包括之前画的所有东西。重新画复杂的动画帧是非常耗时的,所以性能高度依赖运行它的电脑运行速度。基本的动画步骤:翻译 2013-03-23 23:44:35 · 1194 阅读 · 0 评论 -
canvas-state+state stack
原文:http://tutorials.jenkov.com/html5-canvas/state.html 当使用2D Context在canvas上绘图时,2D context其实是某种状态,通过操作 2D Context的属性来设置这种状态,比如fillStyle和strokeStyle.所有这些操作总称为 2D context state. 通常,翻译 2013-03-22 18:18:10 · 1285 阅读 · 0 评论 -
path
注意点: 当当前的路径为空时,比如调用beginPath之后,或者新创建了一个canvas, 那么第一句路径结构命令永远被认为是moveTo(),不管真实情况是什么。正因为这,在你重新设置路径后,要记得设置一个明确的路径起点。 当你调用fill()时,任何没有闭合的形状都要自动闭合,因此你不需要调用closePath()。但是调用stroke()不是这样的。原创 2013-10-28 15:00:15 · 718 阅读 · 0 评论 -
Processing.js快速入门--javascript开发版
介绍: 这个入门指导是为javascript开发者写的。读这个文档之前,你最好掌握javascript和web开发编程,并还会非常基本的 Processing 知识。目录:为没有耐心看长篇大论的人准备: 如果你很着急入门,那么你就需要知道以下几点: 1、Processing.js 把 Processing 代码转变成能够在浏翻译 2013-03-13 19:49:39 · 14189 阅读 · 0 评论