当前位置: 软件>JavaScript软件
面向HTML5的Canvas库 jCanvaScript
本文导语: jCanvaScript是一个面向HTML5画布(canvas)的Javascript类库,它提供了许多方法用于简化处理HTML5画布(canvas)元素的内容,只要支持canvas和Javascript的浏览器都可以使用它,包括iPhone、iPad和Android等平台。 jCanvaScript主要特点 完全面...
jCanvaScript是一个面向HTML5画布(canvas)的Javascript类库,它提供了许多方法用于简化处理HTML5画布(canvas)元素的内容,只要支持canvas和Javascript的浏览器都可以使用它,包括iPhone、iPad和Android等平台。
jCanvaScript主要特点- 完全面向对象
- 支持对canvas环境的操作
- 支持对象的鼠标事件
- 支持对象的键盘事件
- 拖拽支持
- 提供对象管理的简易方法
- 支持简单的对象动画
示例代码:
var interval_1=0; function startShow() { var r = Math.floor(Math.random() * (254)); var g = Math.floor(Math.random() * (254)); var b = Math.floor(Math.random() * (254)); var x = Math.floor(Math.random() * (439)); var y = Math.floor(Math.random() * (554)); fillStyle = "rgba("+r+", "+g+", "+b+", 0.5)"; jc.circle(x,y,1,fillStyle,1) .animate({radius:100,alpha:0},1500,function(){ this.del(); }); } function onload_1() { jc.start(idCanvas,25); interval_1=setInterval("startShow()",200); } function start_1(idCanvas) { if(interval_1)return; onload_1(); } function stop_1(idCanvas) { clearInterval(interval_1); interval_1=0; jc.clear(idCanvas); }
您可能感兴趣的文章:
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。