
canvas实例
文章平均质量分 78
Rui_cong
这个作者很懒,什么都没留下…
展开
-
1.使用canvas实现一个简单的时钟
CSS代码: *{padding:0;margin:0;} body{ background:#000000 url('背景.jpg') no-repeat fixed; font-family:华文新魏; font-size:30px; } #文章{ backg原创 2017-11-26 21:40:53 · 348 阅读 · 0 评论 -
2.使用canvas实现简单的画直线橡皮筋式画框
css样式基本和之前的一样,这里就不提了, HTML代码: Stroke color: red green blue orange cornflowerblue navy purple原创 2017-11-26 21:45:35 · 1183 阅读 · 0 评论 -
3.canvas实现刻度仪表盘的绘制
css和html代码没什么好说的,就直接开始js实现: var canvas = document.getElementById('canvas'), context = canvas.getContext('2d'), centroid_radius = 10, centroid_stroke_style = 'rgba(0,0,0,0.5)'原创 2017-11-26 21:48:38 · 3654 阅读 · 0 评论 -
4.canvas实现多边形橡皮筋式绘图功能
首先是html代码: Stroke color: red green blue orange cornflowerblue goldenrod navy purple fill color: red原创 2017-11-26 21:51:20 · 902 阅读 · 0 评论