2010-08-17 20 views
7

http://upload.wikimedia.org/wikipedia/commons/a/a5/Map_of_USA_with_state_names.svg¿cómo puedo aumentar el tamaño de este SVG?

¿Es posible aumentar el tamaño de este mapa?

+0

¿Puede describir el contexto de esta pregunta? La mayoría de los agentes de usuario SVG (por ejemplo, Firefox, Chromium, Apache Batik Squiggle) pueden acercarse a las imágenes SVG (pruebe con Ctrl ++). Sin embargo, si está tratando de rasterizar la imagen (crear un JPG, PNG, etc.) y aumentar el tamaño de la salida rasterizada, debe buscar en un rasterizador SVG como el Batik SVG Rasterizer: http: // xmlgraphics .apache.org/batik/tools/rasterizer.html – jbeard4

Respuesta

12

Sí. Como sabe, los archivos SVG son imágenes vectoriales, por lo que puede simplemente acercar la imagen cuando la ve.

Pero si desea cambiar el tamaño predeterminado, entonces se puede sustituir

<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"> 

con

<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"> 

Es decir, se define el viewBox (a 0, 0, <oldWidth>, <oldHeight>), y entonces se puede establecer width y height como lo desee. El ejemplo anterior dobla el ancho y la altura.

+2

Como nota al margen, eliminaría todos los metadatos innecesarios (como las rutas en mi propio sistema) desde un SVG creado por Inkscape antes de publicarlo. –

Cuestiones relacionadas