Question

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

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

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

Answer 1

您是否尝试过更改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>

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

1 个答案: