SVG相关学习(一)SVG基础

2018-03-07
阅读 5 分钟
2.4k
<svg width="500" height="300"></svg>viewport svg 实际大小viewBox="x, y, width, height" // x:左上角横坐标,y:左上角纵坐标,width:宽度,height:高度视区盒子:以视区盒子大小选中元素然后缩放至viewport的大小preserveAspectRatio()第1个值表示,viewBox如何与SVG viewport对齐;第2个值表示,如何维...

连接两个div的直线,拖动时保持连线。

2017-11-09
阅读 4 分钟
21.2k
用带箭头的虚线将两个位置不固定的div连接起来,初听到这个需求一头雾水,传统的div可以做直线,但斜起来不太好做,幸亏之前接触过svg,里面有一个line标签,知道起始中止两个点的位置,就可以将两个点连接起来了。 至于箭头,可以这么做先定义箭头: