svg <img/>标记上的viewBox无效

时间:2017-04-25 06:18:33

标签: svg

MDN文档指出here <image>是可以拥有视图框的元素之一。 对我来说,这是完全有道理的。仅传播部分图像通常是一种真正的食物特征。

然而,似乎FF和Chrome完全忽略了图像元素上的viewBox。

这是一个简单的例子,您可以尝试:

<svg width="400" height="600" xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 400 600">
 <defs></defs>
 <image width="400" height="600" xlink:href="https://upload.wikimedia.org/wikipedia/commons/f/f2/Deadtree-mj.jpg" preserveAspectRatio="none" viewBox="100 0 200 200"></image>
</svg>

为什么会这样? MDN错了吗?或者只是没有实施?

0 个答案:

没有答案