Как мне увеличить размер этого SVG?

Question

Как мне увеличить размер этого SVG?

7

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg

Можно ли увеличить размер этой карты?

l--''''''---------'''''''''''' 17 авг. 2010, в 19:03

Источник

0

Можете ли вы описать контекст для этого вопроса? Большинство пользовательских агентов SVG (например, Firefox, Chromium, Apache Batik Squiggle) могут увеличивать изображения SVG (попробуйте Ctrl ++). Однако, если вы пытаетесь растеризовать изображение (создать JPG, PNG и т. Д.) И увеличить размер растеризованного вывода, вам следует обратиться к растеризатору SVG, такому как растер SVG-батика: xmlgraphics.apache.org /batik/tools/rasterizer.html
jbeard4 17 авг. 2010, в 18:12

Теги:

html

xml

svg

1 ответ

Ещё вопросы

Можете ли вы описать контекст для этого вопроса? Большинство пользовательских агентов SVG (например, Firefox, Chromium, Apache Batik Squiggle) могут увеличивать изображения SVG (попробуйте Ctrl ++). Однако, если вы пытаетесь растеризовать изображение (создать JPG, PNG и т. Д.) И увеличить размер растеризованного вывода, вам следует обратиться к растеризатору SVG, такому как растер SVG-батика: xmlgraphics.apache.org /batik/tools/rasterizer.html

Andreas Rejbrand · Accepted Answer · 2010-08-17T17-29-00.000Z

Да. Как вы знаете, SVG файлы представляют собой векторные изображения, поэтому вы можете просто увеличивать масштаб при просмотре.

Но если вы хотите изменить размер по умолчанию, вы можете заменить

<svg 
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.0"

   width="958.69"
   height="592.78998"

   id="svg2275"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="Map of USA with state names.svg"
   sodipodi:docbase="C:\temp\webdesign"
   inkscape:output_extension="org.inkscape.output.svg.inkscape">

с

<svg 
   xmlns:dc="http://purl.org/dc/elements/1.1/"
   xmlns:cc="http://creativecommons.org/ns#"
   xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
   xmlns:svg="http://www.w3.org/2000/svg"
   xmlns="http://www.w3.org/2000/svg"
   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
   version="1.0"

   width="1917.38"
   height="1185.57996"
   viewBox="0 0 958.69 592.78998"

   id="svg2275"
   sodipodi:version="0.32"
   inkscape:version="0.46"
   sodipodi:docname="Map of USA with state names.svg"
   sodipodi:docbase="C:\temp\webdesign"
   inkscape:output_extension="org.inkscape.output.svg.inkscape">

То есть вы определяете viewBox (to 0, 0, <oldWidth>, <oldHeight>), а затем вы можете установить width и height, как хотите. Приведенный выше пример удваивает ширину и высоту.

В качестве идентификатора я бы удалил все ненужные метаданные (например, пути в моей собственной системе) из SVG, созданного Inkscape, перед его публикацией.