Question

我正在尝试自动换行，因为我不知道提前是什么。

我尝试使用this问题中接受的答案，但没有任何反应。到目前为止，这是我的示例代码：

  <svg id="viz" style="margin:auto; position:fixed; height:100%; width:100%;" xmlns="http://www.w3.org/2000/svg">
      <switch>
          <g requiredFeatures="http://www.w3.org/Graphics/SVG/feature/1.2/#TextFlow">
              <textArea width="200" height="300">whatever</textArea>
          </g>
          <foreignObject width="200" height="300">
              <textArea xmlns="http://www.w3.org/1999/xhtml" style="width: 200px;height: 300px">otherwise</textArea>
          </foreignObject>
      </switch>
  </svg>

我正在FireFox中渲染此SVG（因为它是网页的一部分）。

Answer 1

Firefox实现了SVG 2的某些部分，而dropping support for requiredFeatures是它已经实现的SVG 2的一部分。

SVG的早期版本包括第三个条件处理属性requiredFeatures。这旨在允许作者为仅实现SVG规范部分的用户代理提供后备行为。不幸的是，由于该属性的规范和实现不佳，使其无法可靠地测试功能支持。

这意味着切换的第一部分现在适用，而当我编写另一个问题的答案时却没有。答案是删除开关和第一个元素，因为没有人再实现SVG 1.2 textArea。

<svg id="viz" style="margin:auto; position:fixed; height:100%; width:100%;" xmlns="http://www.w3.org/2000/svg">
          <foreignObject width="200" height="300">
              <textArea xmlns="http://www.w3.org/1999/xhtml" style="width: 200px;height: 300px">otherwise</textArea>
          </foreignObject>
  </svg>

textArea SVG元素未出现在FireFox中

1 个答案: