使用＆＃39; px＆＃39;作为HTML中的内联SVG的一个单元

Question

我可以在内联svg图像中使用px作为单位吗？例如，在下面使用width="100px"和height="100px"示例代码是否正确？

<svg width="100px" height="100px">
  <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" />
</svg>

Answer 1

它是有效的SVG。根据MDN，width和height属性都属于<length>类型，其定义如下：

  

length ::= number ("em" | "ex" | "px" | "in" | "cm" | "mm" | "pt" | "pc" | "%")?

长度单位标识符是可选的，但在SVG属性中允许。