HTML5技术

jcscriput - 付盛

字号+ 作者:H5之家 来源:博客园 2016-06-01 14:00 我要评论( )

关于h5,相比前端的同事们都很了解了吧!h5里面有个canvas,现在用的蛮火。但是canvas里面的代码确实是有点繁多,特别是要对于图形做什么操作的时候...我昨天无意间发现了一个canvas的插件叫jcscriput,我不知道这个插件好不好,反正感觉不是很流行的样子,

关于h5,相比前端的同事们都很了解了吧!h5里面有个canvas,现在用的蛮火。但是canvas里面的代码确实是有点繁多,特别是要对于图形做什么操作的时候...我昨天无意间发现了一个canvas的插件叫jcscriput,我不知道这个插件好不好,反正感觉不是很流行的样子,我试着做了几个案例:

首先要引入js文件:

 

这里我需要做一点说明,所有的东西必须放在jc.start中  jc.circle()是绘制圆形。只有在jc.star()里面加了true才会有事件,jc.circle(100,100,50,'#f00',1)中 1可以是1,也可以是0,也可以是true或false,它代表着画的东西是实心还是空心。

   

这行代码的意思是:实心圆的点击事件 

还有很多很炫的效果,很简单  大家可以去试试

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评