我有以下代码在画布上画线。
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 :(得分: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>