html - 在 HTML 中显示 .svg 文件并使用鼠标在其上画线的最佳方式

Question

请告诉我在 HTML 中显示 .svg 文件并使用鼠标在其上绘制动态线的最佳方法

示例 svg 在这里SVG 文件

我已经使用 <object id='svgObj' type='image/svg+xml' data='https://dl.dropboxusercontent.com/u/18190667/4.svg'></object> 但无法得到我想要的

Answer 1

尝试这个：

<canvas id="canvas" width="500" height="500">
</canvas>

款式：

canvas {
    border: 1px dashed rgb(200, 200, 200);
    background:url(https://dl.dropboxusercontent.com/u/18190667/4.svg);
}

请参阅此链接以在 Canvas 中绘制线条

在 HTML5 画布上单击两次鼠标画一条线？

Answer 2

你可以像这样展示它：

<embed src="https://dl.dropboxusercontent.com/u/18190667/4.svg" type="image/svg+xml" />

http://jsfiddle.net/nAHze/