Android平板电脑Chrome 27上的画布尺寸问题

时间:2014-04-04 12:43:31

标签: android html5 google-chrome canvas

我有以下代码在画布上画线。

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

有什么理由/建议可以解决这个问题吗?

1 个答案:

答案 0 :(得分: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>