我正在开发一个地图,在Javascript中使用SVG绘制线条.
我想添加一个可以搜索道路的功能,如果找到了道路,地图上会出现一个圆圈.
我知道我可以在SVG中绘制一个圆,但我的问题是,圆的大小不应该根据缩放级别而改变.换句话说,圆圈必须始终具有相同的尺寸.我地图上的道路都有这个功能,我所要做的就是添加
vector-effect="non-scaling-stroke"
到行属性..
一条线看起来像这样.
<line vector-effect="non-scaling-stroke" stroke-width="3" id = 'line1' x1 = '0' y1 = '0' x2 = '0' y2 = '0' style = 'stroke:rgb(255,215,0);'/>
圆圈看起来像这样.
<circle id = "pointCircle" cx="0" cy="0" r="10" stroke="red" stroke-width="1" fill = "red"/>
有可能以某种方式将圆圈定义为"非缩放"吗？