2013-08-21 42 views
0

是否可以將JavaScript動畫代碼轉換爲.gif動畫?JavaScript to動態圖像

我要轉換此代碼:http://jsbin.com/ugifab/199/edit

感謝

+1

您可能會感興趣[Jsgif(https://github.com/antimatter15/jsgif) – brbcoding

+0

不能從原料GitHub的參考腳本。使用http://padolsey.net/p/Sonic/repo/src/sonic.js – SLaks

+0

您也可以使用[rawgithub.com](http://rawgithub.com)。修改後的網址代碼:http://jsbin.com/ugifab/201/ – ComFreek

回答

0

假設你是不是在談論<canvas>圖像處理,你不能創建使用JavaScript文檔截圖或屏幕的視頻。因此,僅在客戶端使用JavaScript是不夠的。

如果您使用的是<canvas>,這在技術上是可行的。您可以使用jsgif作爲評論中提及的brbcoding。

0

如果你確實想做帆布方法,它會看起來像這樣。

http://jsfiddle.net/nLK7v/3/

希望這有助於出

var google = true; 
function runFunction(){ 
    var can = document.getElementById("canvas").getContext('2d'); 
    if(google){ 
     google = false; 
     can.fillStyle="#000000"; 
     can.fillRect(0,0,100,100); //clear screen 
     can.drawImage(Itwo,0,0); //draw image 

    } 
    else{ 
     google = true; 
     can.fillStyle="#000000"; 
     can.fillRect(0,0,100,100); //clear screen 
     can.drawImage(Ione,0,0); //draw next image 
    } 
} 

var t=setInterval(runFunction,1000);