Question

我想缩放我的svg以使宽度尽可能大。我试过这个：

<svg version="1.1" id="Laag_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    preserveAspectRatio="xMinYMin meet" 
     width="345px" height="524px" viewBox="0 0 345 524" enable-background="new 0 0 345 524" xml:space="preserve">

我的HTML是：

<object width="100%" data="pdftosvg.svg"></object>

但它在chrome中不起作用。我可以使宽度小于此。如果我设置width =“50px”它会变小。但即使我设置width =“2000px”，也没有达到我想要的那么大。

这是我的网页：https://dl.dropboxusercontent.com/u/58922976/Test/index.html

我该如何解决这个问题？

Answer 1

而不是<object>使用<img>

<img width="100%" src="pdftosvg.svg"></img>

这应该扩展它。您还可以将宽度设置为2000px。

以下是img标记中的svgs浏览器支持：http://caniuse.com/svg-img

将svg缩放到整个宽度

1 个答案: