
Canvas
文章平均质量分 64
poorpenguin
这个作者很懒,什么都没留下…
展开
-
HTML5 进阶(6)——Canvas绘图基础(坐标体系、绘图、描边、填充、转换、渐变、文本、动画)
一、canvas基本使用1.1 canvas元素<canvas>元素只有两个属性width、height,当没有设置width、height时,&a原创 2018-10-15 16:10:20 · 10236 阅读 · 4 评论 -
HTML5 进阶(7)—Canvas图表插件 chart.js的基础使用以及其他图表插件推荐
一、chart.jschart.js是简单而灵活的javascript图表插件,底层封装了canvas,而且是复合目前主流的响应式。官网: http://www.chartjs.org1.创建一个简单的图表chart.js目前有两种版本1.0版本和2.0版本,两个版本创建图表的方式有区别。2.0版本该方式是2.0版本新增的方式。有4种方式获取<canvas>元素var ...原创 2018-10-16 22:06:05 · 1544 阅读 · 0 评论 -
HTML5 进阶(8)—Canvas案例:使用canvas仿手机画图解锁
以下这种效果。使用到的技术canvas基本操作canvas的离屏js的dom2级事件注册处理函数addEventListenter(eventType,listener,useCapture)eventType:事件类型(click、focus、blur)不带onlistener:事件处理函数,可以是匿名函数useCapture:默认值是false,只冒泡不捕获;t...原创 2018-10-20 15:48:20 · 1373 阅读 · 0 评论