2010-08-17 2 views
7

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svgкак увеличить размер этого SVG?

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

+0

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

ответ

12

Да. Как вы знаете, 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"> 

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

+2

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

Смежные вопросы