在图像上绘制一条线

时间:2014-06-02 09:21:58

标签: javascript html5 css3 canvas

我在加载图片后尝试绘制一条线。 该线是手动绘制的。 一旦我尝试上传图像并在其上绘制某些内容,它就会停止工作。 有人可以告诉我如何重叠图像的id和绘图框的id。

点击here查看图纸的演示

<canvas id="canvas" width="300" height="300" style="border: 1px solid black;"></canvas>
<div id="coord"></div>

非常感谢你。

1 个答案:

答案 0 :(得分:0)

将画布放在div中并更改div的背景图像

<div style="background: url('http://upload.wikimedia.org/wikipedia/commons/1/12/Mouse_line_drawing.jpg');width:auto;height:auto;display:inline-block;">
    <canvas id="canvas" width="300" height="300" style="border: 1px solid black;"></canvas>
</div>
<div id="coord"></div>