Question

我正在尝试学习画布。

我试图在画布上使用moveTo（）和lineTo（）绘制一些线条。

我给出的坐标和在画布上呈现的点不匹配

我拍了一张尺寸为500px X 500px

的画布

对于（0,0）来说很好。

对于所有其他点，它与坐标不匹配

（300,150）它是在（500,500）绘画。

我不明白为什么会发生这种情况，因为如果我设置我的画布尺寸t0 300px X 150px它正在正确绘画

这是我的js

    var context = document.getElementById("myCanvas").getContext("2d");

    context.moveTo(0, 0);
    context.lineTo(100, 100);
    context.lineTo(100, 100);
    context.lineTo(200, 100);
    context.lineTo(300, 150);
    context.stroke();

jsfiddle here

任何人都可以告诉我哪里错了

Answer 1

直接设置画布元素的高度和宽度：
<canvas id="myCanvas" width="500" height="500"> </canvas>

小提琴：http://jsfiddle.net/nLUEX/2/

lineTo在HTML 5画布上无法正常工作

1 个答案: