我正在构建一个web应用程序,目的是在Wii Internet频道上加载,它本质上是Opera 9.3。
它支持SVG,但它们似乎没有扩展。无论宽度和高度设置为什么,图形总是以“最佳”大小呈现。
如果我用CSS设置高度/宽度,则图像元素在页面中占据的空间会发生变化,但是SVG图形仍然呈现在所有内容的后面(没有定位或z索引集)。
如果我通过标记属性设置高度/宽度,则只需裁剪图像以适应这些维度。
是否有一种可以在Wii Internet频道上支持的缩放SVG的替代方法?
编辑:,它似乎依赖于SVG。例如,这个SVG可以扩展到我设置的任何内容:
<img src="http://www.w3.org/Graphics/SVG/Test/20061213/svggen/fonts-elem-01-t.svg" width="200" />
而这个SVG似乎是固定的:
<img src="http://upload.wikimedia.org/wikipedia/commons/6/6b/Bitmap_VS_SVG.svg" width="200" />
对这两者的区别有什么看法吗?
发布于 2012-02-15 19:25:30
我想出来了!它与SVG文件中的初始SVG标记及其参数有关。
最初,没有缩放的SVG为SVG标记提供了如下内容:
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638">
您必须向右滚动,但是您将注意到没有viewBox
属性。如果我添加一个viewBox
属性,指定SVG的全部最优大小(由宽度和高度属性指定),则Wii将正确地缩放它!
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="1063" height="638" viewBox="0 0 1063 638">
https://stackoverflow.com/questions/9304815
复制相似问题