HTML5Canvas Demo示例

画板的 Demo 例子挺有意思的。通过 HTML5 的canvas标签,你可以在网页上绘制各种 2D 图形,做一些炫酷的效果。比如,你可以画直线、矩形、圆形,甚至还可以做渐变和阴影。代码简单,给定一个canvas元素,通过 JavaScript 的getContext('2d')方法获取绘图上下文,就能开始画了。比如,画一条线只需要三步:beginPath()moveTo(x, y)lineTo(x, y)stroke()一下就行了。想画填充的矩形?没问题,设置fillStyle颜色,再用fillRect(x, y, width, height)填充进去。canvas支持多酷炫的效果,还可以用drawImage()方法绘制图片,做个交互式应用也完全没问题。如果你想了解更详细的实现,压缩包jihehuabao5.06里有示例代码可以参考。想掌握更多高级技巧的话,渐变、动画制作、图像都能帮你提高技能哦。

rar 文件大小:39.4MB