面向HTML5的Canvas庫 jCanvaScript

fmms 12年前發布 | 27K 次閱讀 HTML5 前端技術

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);
}

項目主頁:http://www.baiduhome.net/lib/view/home/1337091491760

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!