Es una imagen SVG puramente vectorial o podemos combinar imágenes de mapa de bits en una imagen SVG ?
Cómo acerca de las transformaciones aplicadas en las imágenes de mapa de bits (perspectiva, asignaciones, etc.) ?

Editar: las Imágenes se pueden incluir en un archivo SVG en el enlace de referencia. Ver http://www.w3.org/TR/SVG/struct.html#ImageElement. Mi pregunta era, de hecho, si las imágenes de mapa de bits puede ser incluido dentro de la svg para que la imagen svg, sería autónomo. De otro modo, siempre que la imagen svg, se muestra el enlace debe ser seguido y la imagen descargada. Al parecer .archivos svg son simplemente archivos xml.

InformationsquelleAutor chmike | 2011-06-06

5 Comentarios

  1. 194

    Sí, se puede hacer referencia a cualquier imagen de la <image> elemento. Y usted puede utilizar datos de uri para hacer el svg totalmente independiente. Un ejemplo:

    <image width="100" height="100" xlink:href="data:image/png;base64,...">

    Los puntos es donde tendrás que añadir el codificado en base64 de datos, editores de gráficos vectoriales que soportan svg suelen tener una opción para guardar con imágenes incrustadas. De lo contrario, hay un montón de herramientas alrededor de codificación y de base64.

    He aquí un completo ejemplo de la svg testsuite.

    • Si no me gráficos vectoriales de uso de los editores (por ejemplo quiero crear mi svg con c++ o Python), ¿cómo puedo obtener codificado en base64 datos de imagen bmp?
    • esa es una pregunta aparte, y estoy seguro que usted puede encontrar una respuesta en este sitio (codificación algo a base64 no es svg-específica).
    • Supongamos que tengo la misma imagen se repite mil veces en el mismo archivo svg. Puedo poner en base64 de datos en un lugar y dejar que la imagen se refieren a que los datos a partir de ahí?
    • Nunca mente tengo mi respuesta desde aquí – stackoverflow.com/questions/16685014/…. Respuesta conversaciones acerca de la agrupación de allí. 🙂
    • No tiene este aspecto es totalmente compatible en iOS todavía. Los mapas de bits no se representan.
    • Me parece que un poco difícil de creer, siéntase libre de publicar una nueva pregunta con lo que tienen.
    • No olvide declarar el espacio de nombres xlink como es : xmlns:xlink="http://www.w3.org/1999/xlink" algunos navegador/espectador no puede ver su imagen sin que
    • FYI: de acuerdo a mi experiencia el navegador Chrome muestra esta imagen, incluso si no se especifica widthy height en el svg de la etiqueta de imagen. Sin embargo Firefox y el IE no mostrar la imagen si se omite estos atributos. Así que asegúrese de especificar ellos!

  2. 17

    Usted podría utilizar un Datos de URI para el suministro de los datos de la imagen, por ejemplo:

    La imagen pasará a través de todas las normales svg transformaciones.

    Pero esta técnica tiene sus desventajas, por ejemplo, la imagen no será almacenada por el navegador

    • si los datos URI es requerido por el estándar SVG, entonces esto es probablemente ningún inconveniente – voy a editar mi respuesta
    • Imágenes incrustadas (data URIs) será almacenada con el documento que estamos, véase e.g stackoverflow.com/questions/4791807/data-uris-and-caching
    • Exactamente – si el documento svg cambios, integrado en el mapa de bits se volverá a cargar, incluso cuando es el mismo. Si nos enlace a una URL http, esto puede ser almacenada por separado en el documento svg.
    • Buen punto. En mi comentario de Nick respuesta verá la razón de ser de la incrustación de imágenes de mapa de bits en la imagen svg. Aunque tienes razón, la codificación es mala e ineficiente. Debe ser separado binario codificado el archivo se trasladó junto con la imagen svg.
  3. 2

    Puede utilizar un datos: URL para incrustar un codificado en Base64 versión de una imagen. Pero no es muy eficiente y no recomendaría la incrustación de imágenes de gran tamaño. Cualquier razón enlace a otro archivo no es factible?

    • Depende del caso de uso. El caso de uso que me estoy planteando es donde un archivo svg es copiado y acceso a internet no está siempre disponible (es decir, tarjeta de negocios). También permite mantener el uso de la tarjeta privado. Con una imagen vinculada, el propietario de la imagen puede realizar un seguimiento de todas las pantallas de sus tarjetas que pueden ser interesantes para él pero no para el titular de la tarjeta. Autónomo imagen svg sentido.
    • Eso es cierto si se utiliza una dirección URL absoluta que apunta a algún lugar de Internet. Pero es fácil utilizar una dirección URL relativa, de modo que si el archivo SVG es local, la imagen será demasiado. Si usted también tiene el requisito de que tiene que ser una sola redistribuible de archivo, a continuación, la que cambia las cosas de nuevo.
    • Hay casos de uso para la que desea un gráfico SVG para ser autónomo, es decir, UN archivo que contiene la imagen completa. Tener para transportar o almacenar múltiples archivos para asegurarse de que se procesa una imagen no es una buena cosa cuando la manipulación de imágenes en los sistemas de archivos – las cosas pueden salir de la sincronización o se quita muy fácilmente.
  4. -1

    También es posible incluir los mapas de bits. Creo que también se puede utilizar transformaciones en eso.

    • De hecho. Acabo de encontrar este enlace : w3.org/TR/SVG/struct.html#ImageElement. Lamentablemente esto no responder a mi inquietud, que me di cuenta es que no declaró en la pregunta. Voy a editar la pregunta.

Dejar respuesta

Please enter your comment!
Please enter your name here