我無法使用Pixastic的HTML5 Canvas和Javascript濾鏡處理圖像，我做錯了什麼？

Javascript「pixastic.custom（5）文件是由Pixastic使用核心代碼和」淡化「過濾器創建的。代碼用於在Mozilla瀏覽器中重畫畫布中的圖像，但它不會過濾它。 HTML5正在對畫布進行編碼，在畫布上繪製圖像，並且應該將圖像通過Javascript過濾器重新繪製到畫布上，然後將它變亮。這是否有任何意義？我無法使用Pixastic的HTML5 Canvas和Javascript濾鏡處理圖像，我做錯了什麼？

這是我的代碼如下：

<!DOCTYPE HTML> 
<html> 
<head> 
    <script type="text/javascript" charset="utf-8" src="pixastic.custom (5).js"></script> 
    <style> 
     body { 
      margin: 0px; 
      padding: 0px; 
     } 
     #myCanvas { 
      border: 1px solid #9C9898; 
     } 
    </style> 
    <script> 
     window.onload = function() { 
      var canvas = document.getElementById("myCanvas"); 
      var context = canvas.getContext("2d"); 
      var imageObj = new Image(); 
      imageObj.onload = function() { 
       var options ={}; 
       Pixastic.process(imageObj, "lighten", options) 
        {amount : .5 
       }; 
       options.resultCanvas; 
       context.drawImage(imageObj, 80, 60); 
      } 

      imageObj.src = "IMAG8703.jpg"; 
     }; 
    </script> 
</head> 
<body> 
    <canvas id="myCanvas" width="2000" height="4000"></canvas> 
</body> 
    </html>

謝謝你看在我的代碼...我真的不知道爲什麼它不工作一切都在同一個目錄中，一切都相匹配的合作。 de從PIXASTIC網站與HTML5 Canvas框架結合，一切都應該順利運行...

來源

2012-06-08 Isaac Steward Tucker

問題出在第7行，來自腳本標記。不知道你想做什麼，但會有一個錯誤。

這是合法的。

Pixastic.process(imageObj, "lighten", {amount : .5});

來源

2012-06-08 16:11:04

我無法使用Pixastic的HTML5 Canvas和Javascript濾鏡處理圖像，我做錯了什麼？

回答

相關問題