据我所知,SVG属性 vector-effect="non-scaling-stroke"
如果/当缩放或拉伸SVG对象时,应防止笔划变形(变粗或变薄)。
例如 - 在这个小提琴(http://jsfiddle.net/1cj0ovae/5/),我有两个SVG对象;两者都比它们高5倍宽。因为两个视图框都需要一个正方形,所以SVG会被拉伸和扭曲。
在上部SVG - 绿色路径扭曲 - 它比它应该的厚得多(stroke-width="2"
)。
然而,在较低的SVG中,红色路径“正确”显示 - 一个2px厚的笔划 - 因为它具有 vector-effect="non-scaling-stroke"
属性集。
这似乎适用于Chrome,Safari和Firefox,但在最新版本的IE(例如IE10)中却没有。
这是IE漏洞吗?有解决方法吗?