HTML – 如何增加此SVG的大小?

前端之家收集整理的这篇文章主要介绍了HTML – 如何增加此SVG的大小?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

解决方法

是.如您所知,SVG文件是矢量图像,因此您可以在查看时轻松放大.

但是如果要更改默认大小,则可以替换

  1. <svg
  2. xmlns:dc="http://purl.org/dc/elements/1.1/"
  3. xmlns:cc="http://creativecommons.org/ns#"
  4. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-Syntax-ns#"
  5. xmlns:svg="http://www.w3.org/2000/svg"
  6. xmlns="http://www.w3.org/2000/svg"
  7. xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  8. xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  9. version="1.0"
  10.  
  11. width="958.69"
  12. height="592.78998"
  13.  
  14. id="svg2275"
  15. sodipodi:version="0.32"
  16. inkscape:version="0.46"
  17. sodipodi:docname="Map of USA with state names.svg"
  18. sodipodi:docbase="C:\temp\webdesign"
  19. inkscape:output_extension="org.inkscape.output.svg.inkscape">

  1. <svg
  2. xmlns:dc="http://purl.org/dc/elements/1.1/"
  3. xmlns:cc="http://creativecommons.org/ns#"
  4. xmlns:rdf="http://www.w3.org/1999/02/22-rdf-Syntax-ns#"
  5. xmlns:svg="http://www.w3.org/2000/svg"
  6. xmlns="http://www.w3.org/2000/svg"
  7. xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  8. xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  9. version="1.0"
  10.  
  11. width="1917.38"
  12. height="1185.57996"
  13. viewBox="0 0 958.69 592.78998"
  14.  
  15. id="svg2275"
  16. sodipodi:version="0.32"
  17. inkscape:version="0.46"
  18. sodipodi:docname="Map of USA with state names.svg"
  19. sodipodi:docbase="C:\temp\webdesign"
  20. inkscape:output_extension="org.inkscape.output.svg.inkscape">

也就是说,您定义viewBox(为0,< oldWidth>,< oldHeight>),然后您可以根据需要设置宽度和高度.因此,上述示例使宽度和高度加倍.

猜你在找的HTML相关文章