2013-05-26 45 views
1

我試圖在畫布寬度更改後在HTML畫布上顯示線條。 在PC代碼上的所有瀏覽器都能正常工作,並且線條可見,但在Android 4.1.1上的Chrome上 - 線條不可見。 下面是該代碼:移動Chrome HTML畫布寬度限制

http://jsfiddle.net/dGs4F/2/

$(function() 
{ 
    var canvas = document.getElementById('myCanvas'); 
    var context = canvas.getContext('2d'); 

    canvas.width = 439; 

    context.clearRect(0,0, canvas.width, canvas.height); 
    context.beginPath(); 
    context.moveTo(0, 0); 
    context.lineTo(1000, 1000); 
    context.stroke(); 
}); 

如果您更改畫布寬度438比還對移動CHROM行可見:

http://jsfiddle.net/dGs4F/

,Chrome會遇到了問題,我錯過了什麼?不要緊,該行看起來在這兩個例子中是相同的,事情是,該行沒有在移動CHROM可見:我的Chrome/

詳情:

  • 包版本:1453090
  • 包版本名稱:27.0.1453.90
  • 設備:rk30sdk
  • SDK版本:16
  • 版本:4.1.1
  • 增量v版爲:eng.root.20121102.171658
  • 代號:REL

而且我敢肯定,我的代碼工作正常,以前版本的Chrome。上次Chrome更新後,此代碼無法正常工作。

+0

你有沒有試過'context.closePath()'context.stroke()''後放?一些瀏覽器可能需要它。 –

回答