我試圖在畫布寬度更改後在HTML畫布上顯示線條。 在PC代碼上的所有瀏覽器都能正常工作,並且線條可見,但在Android 4.1.1上的Chrome上 - 線條不可見。 下面是該代碼:移動Chrome HTML畫布寬度限制
$(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行可見:
,Chrome會遇到了問題,我錯過了什麼?不要緊,該行看起來在這兩個例子中是相同的,事情是,該行沒有在移動CHROM可見:我的Chrome/
詳情:
- 包版本:1453090
- 包版本名稱:27.0.1453.90
- 設備:rk30sdk
- SDK版本:16
- 版本:4.1.1
- 增量v版爲:eng.root.20121102.171658
- 代號:REL
而且我敢肯定,我的代碼工作正常,以前版本的Chrome。上次Chrome更新後,此代碼無法正常工作。
你有沒有試過'context.closePath()'context.stroke()''後放?一些瀏覽器可能需要它。 –