Question

我的页面中有一个foreignObject，其位置由X和Y值定义。

 <foreignObject style="X:883;Y:540;">
      <input type="checkbox">
 </foreignObject>

当我在Chrome中打开它时，它运行正常，但是当我在Firefox上打开我的页面时，该位置不起作用。如果我检查该元素，我会在Invalid property value和X上看到警告：Y。

知道它来自何处？

Answer 1

检查您的代码，文档说它应该像：

一样使用

 <foreignObject x="883" y="540">
  <input type="checkbox">
 </foreignObject>

style属性存在，但用于其他情况。 y和x是自己的属性，也必须使用。