2014-04-04 84 views
0

我有以下代碼在畫布上畫線。Android平板電腦Chrome上的Canvas Size問題27

在HTML

<canvas id="myCanvas" width="300" height="300" style="border:1px solid #d3d3d3;"> 
Your browser does not support the HTML5 canvas tag.</canvas> 

腳本:

<script type="text/javascript"> 
    var c=document.getElementById("myCanvas"); 
    var ctx=c.getContext("2d"); 
    ctx.moveTo(0,0); 
    ctx.lineTo(200,100); 
    ctx.stroke(); 
</script> 

該行沒有在畫布上繪製。如果我將畫布的寬度和高度更改爲'200',則表示工作正常。

注:Android平板電腦的Chrome發行27.0

測試代碼的鏈接:http://jsbin.com/qerepige/1/edit

任何理由/建議有解決這個問題?

回答

0

你試過改變ctx.lineTo嗎?

<script type="text/javascript"> 
    var c=document.getElementById("myCanvas"); 
    var ctx=c.getContext("2d"); 
    ctx.moveTo(0,0); 
    ctx.lineTo(300,200); 
    ctx.stroke(); 
</script>