摘要
HTML5新增的Canvas元素,它是一种像素级别的位图绘图技术,实现较为简便,不需要安装插件,大部分浏览器都支持该技术。Canvas元素的功能也较为强大,除了可用于任意图形和动画的绘制外,与云技术相结合起来,还可用于巨型复杂图形的绘制。文章对基于HTML5的Canvas进行研究,主要针对Canvas API提供的裁切方法clip()创建遮罩动画,通过Canvas动画设计教学实例步骤的详细展示,使学生在学习中逐步掌握Canvas动画的原理和制作方法,进而提高学生动画设计与制作的技能技巧。
Canvas element added in HTML5 is a pixel level bitmap drawing technology,which is easy to implement and does not need to install plug-ins.Most browsers support this technology.Canvas element is also powerful.In addition to drawing arbitrary graphics and animation,combined with cloud technology,it can also be used to draw giant complex graphics.This paper studies the Canvas based on HTML5,mainly aiming at the clipping method clip()provided by Canvas API to create mask animation.Through the detailed display of the steps of Canvas animation design teaching examples,students can gradually master the principles and production methods of Canvas animation in learning,and then improve their animation design and production skills.
作者
林观德
LIN Guande(Guangzhou College of Technology and Business,Guangzhou 510850,China)
出处
《现代信息科技》
2021年第2期63-65,共3页
Modern Information Technology