2014-03-13 27 views
0

我的PhoneGap應用程序有兩個畫布對象的硬件加速問題。Phonegap硬件加速 - 2畫布對象

我需要兩個Canvas對象來比較兩個不同的圖像。在我的桌面/手持設備(瀏覽器)上,一切都很好,比較工作。

但是當我運行我編譯的Android文件時,我得到一個奇怪的行爲。當我選擇我的第一張圖片時,這將被加載到我的第一個畫布中,然後當我選擇我的第二張時,我的第一張圖片將在兩個畫布中被覆蓋,並且只使用畫布中的第二個上下文。

我發現這個線程,硬件Accelartion是市長問題。

Phone Android HTML5 Hardware Acceleration - Canvas

我也使用的帆布EaselJS,當我上的Android設備

<!DOCTYPE html> 

<html> 
<head> 
    <script src="http://code.createjs.com/easeljs-0.7.0.min.js"></script> 
    <script> 
     function init() { 
      var stage = new createjs.Stage("canvas1"); 
      var stage2 = new createjs.Stage("canvas2"); 

      var circle = new createjs.Shape(); 
      circle.graphics.beginFill("red").drawCircle(0, 0, 50); 
      circle.x = 100; 
      circle.y = 100; 
      stage.addChild(circle); 
      stage.update(); 

      var circle2 = new createjs.Shape(); 
      circle2.graphics.beginFill("blue").drawCircle(0, 0, 50); 
      circle2.x = 100; 
      circle2.y = 100; 
      stage2.addChild(circle); 
      stage2.update(); 
     } 
    </script> 
</head> 
<body onLoad="init();"> 
    <canvas id="canvas1" width="500" height="300"> 
     alternate content 
    </canvas> 
    <canvas id="canvas2" width="500" height="300"> 
     alternate content 
    </canvas> 
</body> 
</html> 

我得到了同樣的問題時,硬件加速被激活的測試下面的代碼,我得到然後2帶有藍色的圓圈不是紅色和藍色的圓圈。

我有任何一種方式來激活硬件Accelartion和畫布繪製或PhoneGap或Android PhoneGap的問題?

回答