background - poner - svg images y haciendo que el fondo sea transparente

colorear imagenes css

Question

¿Cómo declaras que el fondo de una imagen del script svg es transparente?

Answer 1

Si está viendo en un navegador, el fondo debe ser transparente automáticamente. Al menos está en FF4 y la última versión de Chrome, pero no en algunos navegadores más antiguos (por ejemplo, http://petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs ).

Si desea que el fondo sea semitransparente, complete el espacio con un <rect> y establezca su opacidad entre 0 y menos de 1.

Answer 2

Un método aún más fácil es eliminar todos los datos que se utilizan en el contenido del archivo

Aquí hay una muestra antes:

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="24.000000pt" height="24.000000pt" viewBox="0 0 24.000000 24.000000" preserveAspectRatio="xMidYMid meet">

Aquí hay una muestra después

 <g transform="translate(0.000000,24.000000) scale(0.100000,-0.100000)" fill="#ff0000" stroke="none">
<path d=""/>
</g>
</svg>

Eliminar toda la información entre