相关疑难解决方法(0)

目前正在构建基于浏览器的SVG应用程序.在这个应用程序中,用户可以设置和定位各种形状,包括矩形.

当我将一个stroke-widthSVG rect元素应用于某个SVG 元素时1px,rect不同浏览器会以不同的方式将笔划应用于偏移和插入.这被证明是麻烦的,特别是当我尝试计算矩形的外部宽度和视觉位置并将其放置在其他元素旁边时.

例如:

• Firefox增加1px插入(底部和左侧)和1px偏移(顶部和右侧)
• Chrome增加了1px插页(顶部和左侧)和1px偏移(底部和右侧)

到目前为止,我唯一的解决方案是自己绘制实际边界(可能使用path工具)并将边框定位在描边元素后面.但是这个解决方案是一个令人不快的解决方案,如果可能的话,我宁愿不走这条路.

所以我的问题是,你能控制如何stroke-width在元素上绘制SVG 吗？

我想使用外部样式表来设置一些SVG精灵,详见本Sitepoint教程和W3C的SVG样式.

但是,CSS不是非常,标准:

rect {
  fill: red;
  stroke: blue;
  stroke-width: 3
}

因为它没有使用W3C CSS Validator进行验证.

是什么赋予了？