如何使用SVG绘制线条?
答
您可以轻松地draw a line with SVG和你的图像之间它的位置是:
<img src="http://placehold.it/100x100">
<svg width="100" height="100" viewPort="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<line x1="0" y1="20" x2="100" y2="80" stroke-width="2" stroke="black" />
</svg>
<img src="http://placehold.it/100x100">
答
可以得出两个图像之间的线像
<img scr="http://www.belutics.com/wp-content/uploads/2016/01/sample-placeholder.png" alt="$1"/>
<svg height="210" width="500">
<line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2" />
Sorry, your browser does not support inline SVG.
</svg>
<img scr="http://www.belutics.com/wp-content/uploads/2016/01/sample-placeholder.png" alt="$2"/>
如果你想链接图像? 试图让它完成CSS相关属性 你可以找到帮助here
+0
但是不会定位:相对保留一个空格? – Cabbage
+0
不是你可以添加一个类来覆盖空间使用CSS定位,如[http://www.w3schools.com/css/tryit.asp?filename=trycss_position_absolute –
javascript是否需要?取决于这些图像是如何动态的 –
定义动态请 – Cabbage
不是静态的,不在设计时间的已知位置 –