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
里有示例代码可以参考。想掌握更多高级技巧的话,渐变、动画制作、图像都能帮你提高技能哦。
39.4MB
文件大小:
评论区