代码改变世界

随笔档案-2012年2月27日

HTML5 学习手笔三:canvas API 绘制树形图案B

2012-02-27 16:26 by Terry_龙, 6554 阅读, 收藏, 编辑
摘要: 继续为上篇的跑道树林添砖加瓦。本篇大纲 加载图像做为树干的背景 为树干实现渐变效果 使用背景图让跑道更加真实 1):使用HTML5的scale功能缩放树木 。2):使用rotate制造倾倒树木的效果 为树木添加阳光照射下的阴影效果 添加文本标题,并为文本增加阴影效果,使用Canvas Shadow API。加载图像做为树干的背景,功能点为:在canvas 中插入图片上篇使用矩形填充颜色的功能为树冠增加树干,但总体效果并不是很理想,达不到真正树木的要求。我们需要一张更带有树皮纹理的图片做为树干,基本的步骤分为: 创建图片对象 为图片... 阅读全文
点击右上角即可分享
微信分享提示