Exportación de un SVG con una máscara de recorte de degradado de Illustrator

Tengo un grupo y quiero llenarlo con un degradado.

Este es el resultado deseado:

Resultado deseado

Intenté crear una máscara de recorte en Illustrator y exportarla a un SVG, pero la forma permanece negra en el SVG.

Aquí está mi pestaña de capas (con máscara de recorte):

Pestaña Capas

Aquí está el código SVG que exporta:

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
 width="150px" height="150px" viewBox="0 0 150 150" enable-background="new 0 0 150 150" xml:space="preserve">
    <g>
        <defs>
            <rect id="SVGID_1_" x="7.481" y="25.028" width="140.996" height="102.267"/>
        </defs>
        <clipPath id="SVGID_2_">
            <use xlink:href="#SVGID_1_"  overflow="visible"/>
        </clipPath>
        <polygon clip-path="url(#SVGID_2_)" points="72.788,98.062 72.788,83.254 78.849,83.254 78.849,35 59.938,35 59.938,54.486 
    34.24,54.486 34.24,61.749 59.938,61.749 59.938,83.254 67.201,83.254 67.201,98.062 36.475,98.062 36.475,116.497 
    115.246,116.497 115.246,98.062  "/>
    </g>
</svg>
parece que estás haciendo la máscara de recorte al revés. La forma debe estar encima del degradado al crear la máscara de recorte (así: i.stack.imgur.com/euIYY.png ). Sin embargo, la respuesta de Vinny es correcta si simplemente desea llenar una forma con un degradado

Respuestas (1)

¿Hay alguna razón para usar una máscara de recorte?
¿Por qué no simplemente aplica un degradado a la forma? ¡Nada complicado realmente!

ingrese la descripción de la imagen aquí

porque si estoy conectando más formas se verá raro. Te mostraré un ejemplo de lo que quiero decir.
Ejemplo de lo que quise decir: i.imgur.com/XDzkdL2.png (por qué no estoy usando esta forma)
@ natanelg97 en ese caso, solo necesita hacer una ruta compuesta de todas las formas
Sí, una ruta compuesta se tratará como una ruta única, por lo que el gradiente será continuo
Exportación de un SVG con una máscara de recorte de degradado de Illustrator
RespuestasAquíPolítica de privacidad1y, 0v