Android 平板电脑 Chrome 27 上的画布大小问题答案

【问题标题】：Canvas Size Issue on Android Tablet Chrome 27Android 平板电脑 Chrome 27 上的画布大小问题
【发布时间】：2014-05-16 18:57:01
【问题描述】：

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

在 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

有任何解决问题的理由/建议吗？

【问题讨论】：

标签： android html google-chrome canvas

【解决方案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>

【讨论】：