Javascript svg标记的复杂参数(css的模拟calc())
您能告诉我svg标签是否可以设置复杂的参数吗 对于css,有calc()命令,例如:Javascript svg标记的复杂参数(css的模拟calc()),javascript,css,svg,parameters,tags,Javascript,Css,Svg,Parameters,Tags,您能告诉我svg标签是否可以设置复杂的参数吗 对于css,有calc()命令,例如: width: calc (50% - 10px); <circle r = 'calc (50% - 2px)'> svg是否有类似的功能,例如: width: calc (50% - 10px); <circle r = 'calc (50% - 2px)'> 简而言之,答案是“不”。或者至少目前不是以跨浏览器的方式 但是,在SVG2标准中(仍由浏览器实现),几何体属性(如
width: calc (50% - 10px);
<circle r = 'calc (50% - 2px)'>
svg是否有类似的功能,例如:
width: calc (50% - 10px);
<circle r = 'calc (50% - 2px)'>
简而言之,答案是“不”。或者至少目前不是以跨浏览器的方式
但是,在SVG2标准中(仍由浏览器实现),几何体属性(如r
)可以使用CSS设置样式
Chrome已经实现了这一功能,但它是唯一的一个。因此,下面的示例可以在Chrome中使用,但在其他浏览器中还不能使用
svg{
背景色:亚麻布;
}