모바일 Chrome HTML 캔버스 너비 제한

Question

캔버스 너비가 변경된 후 HTML 캔버스에 선을 표시하려고합니다. PC 코드의 모든 브라우저에서 선이 제대로 작동하고 선이 표시되지만 Android 4.1.1의 Chrome에서는 선이 표시되지 않습니다.

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(); 
}); 

또한 모바일 CHROM 라인보다는 438에 캔버스 폭을 변경하는 경우를 볼 수있다 : 여기 이 코드입니다 그래서

http://jsfiddle.net/dGs4F/

, 크롬은 문제가 나 나는 무엇인가 놓쳤다? 내 크롬의/

상세 사항 :

• 패키지 버전 : 1,453,090
• 패키지 그것은 선이 두 예에서 동일 보이는 것이 중요하지 않습니다, 문제는이 라인은 모바일 크롬에 표시되지이다 버전 이름 : 27.0.1453.90
• 장치 : rk30sdk
• SDK 버전 : 16
• 자료 : 4.1.1
• 증분 V ersion : eng.root.20121102.171658
• 코드 네임 :

그리고 내 코드가 크롬의 이전 버전에 잘 작동 확신 REL. 마지막으로 Chrome을 업데이트 한 후이 코드가 작동하지 않습니다.

Answer 1

캔버스의 2D 가속화로 인해 Android의 최신 Chrome에서 알려진 문제입니다 (큰 캔버스가 자동으로 가속 됨). 다행히도로보고되고있다 :

https://code.google.com/p/chromium/issues/detail?id=231082