摘要
利用HTML5中canvas标签和其它标签实现了画板界面的设计,利用Javascript语言,操作canvas标签的属性和方法实现了画板的功能设计,完成画板的画笔功能、绘制规则图形(直线、矩形、圆)功能、撤销、擦除、保存图片的功能、设置笔触颜色和填充颜色的功能,还有设置线条大小的功能。该画板界面简洁,功能合理,趣味性强,适合小朋友们或者绘画爱好用鼠标绘画。
The canvas tag and other tags in HTML5 are used to realize the design of the drawing board interface.The JavaScript language is used to operate the attributes and methods of the canvas tag to realize the function design of the drawing board,complete the brush function of the drawing board,draw regular graphics(straight lines,rectangles,circles),cancel,erase,save pictures,set the stroke color and fill color,and set the line size.The design has simple interface,reasonable function and strong interest.It is suitable for children or painting hobbies to paint with a mouse.
作者
陈远宁
Chen Yuanning(Anqing Vocational and Technical Ccollege,Anqing,Anhui 246003)
出处
《绥化学院学报》
2023年第5期157-160,共4页
Journal of Suihua University
基金
安徽省教育厅高等学校省级教学示范课项目《网页设计与制作》(2020SJJXSFK1583)
安徽省教育厅高校科学研究项目“基于中心域直方图的视频分割及关键帧提取研究”(2022AH052603)
作者简介
陈远宁(1981-),男,安徽怀宁人,安庆职业技术学院信息技术学院讲师,硕士,研究方向:web前端开发。
