我的PIXASTIC「Lighten.js」過濾器Javascript和HTML5代碼不起作用

這是我的代碼，我做錯了什麼？該圖像目前顯示在瀏覽器中，但它不會減輕...我的PIXASTIC「Lighten.js」過濾器Javascript和HTML5代碼不起作用

這是我的HTML代碼，並鏈接到從他們的下載網站構建的custom.js文件（它包括核心和減輕就是這樣）

<!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>

來源

2012-06-08 Isaac Steward Tucker

[由同一用戶這個問題（完全重複http://stackoverflow.com/questions/10952343/i- AM-有使用HTML5的畫布和JavaScript的過濾器，故障處理，我-圖像）。有趣！ – lbstr

它看起來像你的語法的選項是錯誤的。無論是直接在process函數傳遞的選項是這樣的：

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

或者說，像這樣的量初始化options變量：

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

編輯： 此外，它在文檔中指出通過調用options.resultCanvas，您將獲得新的畫布。所以，它聽起來就像你想要做的是設置什麼東西是這樣的：

canvas = options.resultCanvas;

來源

2012-06-08 20:06:39 lbstr

謝謝！我發現了一個更好的方式來做我想做的事......我用了CamanJS ...... –

我的PIXASTIC「Lighten.js」過濾器Javascript和HTML5代碼不起作用

回答

相關問題