SVG supporta l’incorporamento di immagini bitmap?

Un’immagine SVG è puramente vettoriale o possiamo combinare immagini bitmap in un’immagine SVG? Che ne dici di trasformazioni applicate alle immagini bitmap (prospettiva, mappature, ecc.)?

Modifica : le immagini possono essere incluse in un SVG tramite riferimento al collegamento. Vedi http://www.w3.org/TR/SVG/struct.html#ImageElement . La mia domanda era in effetti se le immagini bitmap possono essere incluse all’interno dello svg in modo che l’immagine svg sia autosufficiente. Altrimenti, ogni volta che viene visualizzata l’immagine svg, il collegamento deve essere seguito e l’immagine scaricata. Apparentemente i file .svg sono semplicemente file xml.

Sì, puoi fare riferimento a qualsiasi immagine dall’elemento . Ed è ansible utilizzare i dati uri per rendere lo svg completamente autonomo. Un esempio:

  

I punti sono dove si aggiungono i dati di base64 codificati, gli editor di grafica vettoriale che supportano svg di solito hanno un’opzione per il salvataggio con immagini incorporate. Altrimenti ci sono molti strumenti per la codifica da e verso base64.

Ecco un esempio completo dalla suite di prova svg.

Ho postato un violino qui, mostrando dati, immagini remote e locali incorporate in SVG, all’interno di una pagina HTML:

http://jsfiddle.net/MxHPq/

 < !DOCTYPE html>   SVG embedded bitmaps in HTML    

SVG embedded bitmaps in HTML

The trick appears to be ensuring the image has the correct width and height atttributes

Example 1: Embedded data

Example 2: Remote image

Example 3: Local image

È ansible utilizzare un URI di dati per fornire i dati dell’immagine, ad esempio:

    

L’immagine passerà attraverso tutte le normali trasformazioni svg.

Ma questa tecnica ha degli svantaggi, ad esempio l’immagine non verrà memorizzata nella cache dal browser

È ansible utilizzare un data: URL per incorporare una versione codificata Base64 di un’immagine. Ma non è molto efficiente e non raccomanderebbe l’incorporamento di immagini di grandi dimensioni. Qualsiasi motivo per il collegamento a un altro file non è fattibile?

È anche ansible includere bitmap. Penso che anche tu possa usare le trasformazioni su questo.