Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/date/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html CSS svg内容赢得';t刻度_Html_Css_Svg - Fatal编程技术网

Html CSS svg内容赢得';t刻度

Html CSS svg内容赢得';t刻度,html,css,svg,Html,Css,Svg,我已经在Illustrator CS6中创建了一个向量图像,我想将其直接嵌入HTML页面。我将其保存为SVG,然后单击“SVG代码”检索如下所示的代码: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="623.4px" height="39.7px" viewBox

我已经在Illustrator CS6中创建了一个向量图像,我想将其直接嵌入HTML页面。我将其保存为SVG,然后单击“SVG代码”检索如下所示的代码:

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
     width="623.4px" height="39.7px" viewBox="0 0 623.4 39.7" enable-background="new 0 0 623.4 39.7" xml:space="preserve">
<g>
    <path d="M12.5,40.4c-5.3,0-9.2-1.8-12.2-6l5.2-4.7c1.6,2,4.2,3.5,6.2,3.5c2.7,0,5-2,5-4.3c0-2.1-1.4-4.1-4....... [ LOT OF PATHS ETC ETC ]
</svg>


顺便问一下,您是否尝试过:

.svgzoom {
    zoom: 200%; 
}
演示小提琴:


但在Firefox中可能不起作用。您可能需要尝试在那里转换比例。

我真的认为css在这里没有帮助。您需要缩放svg以填充该框。您是否只需要添加PreserveSpectratio=“none”作为
元素的属性?@abhitalks您是说无法复制svg图像的行为?@Robert我确实想保留纵横比。我希望svg像块元素一样工作,但它是块元素。也许你应该创建一个JSFIDLE,因为我并不真正理解所写的问题。我不确定这是否与我的问题有关。
.svgzoom {
    zoom: 200%; 
}