在图像上绘制一条线

Question

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

点击here查看图纸的演示

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

非常感谢你。

Answer 1

将画布放在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>