jCanvaScript面向HTML5的Canvas庫
jCanvaScript是一個面向HTML5畫布(canvas)的Javascript類庫,它提供了許多方法用于簡化處理HTML5畫布(canvas)元素的內容,只要支持canvas和Javascript的瀏覽器都可以使用它,包括iPhone、iPad和Android等平臺。
jCanvaScript主要特點
- 完全面向對象
- 支持對canvas環(huán)境的操作
- 支持對象的鼠標事件
- 支持對象的鍵盤事件
- 拖拽支持
- 提供對象管理的簡易方法
- 支持簡單的對象動畫
示例代碼:
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);
}
評論
圖片
表情
