Inkscape: alternativa a aplicar una máscara a un grupo de objetos para lograr una ligera transparencia de dichos objetos

Parece que no puedo aplicar correctamente una máscara simple a un grupo de dos elipses (para que sea ligeramente transparente) con Inkscape 0.92.4. La imagen resultante se vuelve completamente transparente en lugar de ligeramente transparente.

Lo que hice:

  1. creó un nuevo documento.
  2. establecer las propiedades del documento; unidades a px, ancho x alto a 16x16 px.
  3. ampliado para ver toda la página.
  4. creó la primera elipse y estableció su relleno en negro.
  5. creó la segunda elipse dentro de la primera y estableció su relleno en blanco.
  6. agrupa las dos elipses.
  7. creó un rectángulo que cubre las dos elipses y estableció su relleno en un tono de gris.
  8. seleccionó todo (el grupo y el rectángulo se muestran como selección).
  9. usó "Objeto> Máscara> Conjunto".

En este punto, Inkscape muestra (y exporta) la imagen como se desea, pero otros renderizadores no lo hacen. La importación SVG de Firefox, Chrome y Gimp no muestra una imagen visible al abrir el archivo SVG guardado, lo que podría deberse a un error en Inkscape . Si es así, me gustaría solucionarlo.

¿Puedo lograr el efecto deseado de otra manera usando Inkscape?

El XML resultante de los pasos anteriores (drawing.svg), por si acaso:

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->

<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"
   width="16"
   height="16"
   viewBox="0 0 4.2333332 4.2333335"
   version="1.1"
   id="svg3281"
   inkscape:version="0.92.4 (5da689c313, 2019-01-14)"
   sodipodi:docname="drawing.svg">
  <defs
     id="defs3275">
    <mask
       maskUnits="userSpaceOnUse"
       id="mask3841">
      <rect
         style="opacity:1;fill:#9b9b9b;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
         id="rect3843"
         width="3.0297153"
         height="3.0592449"
         x="0.60239953"
         y="293.3974" />
    </mask>
  </defs>
  <sodipodi:namedview
     id="base"
     pagecolor="#ffffff"
     bordercolor="#666666"
     borderopacity="1.0"
     inkscape:pageopacity="0.0"
     inkscape:pageshadow="2"
     inkscape:zoom="44.8"
     inkscape:cx="8.4637047"
     inkscape:cy="8.0165929"
     inkscape:document-units="px"
     inkscape:current-layer="layer1"
     showgrid="false"
     units="px"
     inkscape:window-width="1337"
     inkscape:window-height="924"
     inkscape:window-x="2208"
     inkscape:window-y="288"
     inkscape:window-maximized="0" />
  <metadata
     id="metadata3278">
    <rdf:RDF>
      <cc:Work
         rdf:about="">
        <dc:format>image/svg+xml</dc:format>
        <dc:type
           rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
        <dc:title></dc:title>
      </cc:Work>
    </rdf:RDF>
  </metadata>
  <g
     inkscape:label="eye"
     inkscape:groupmode="layer"
     id="layer1"
     transform="translate(0,-292.76665)">
    <g
       id="g3837"
       mask="url(#mask3841)">
      <ellipse
         ry="1.2431873"
         rx="1.2668108"
         cy="294.87091"
         cx="2.1704102"
         id="path3829"
         style="opacity:1;fill:#000000;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
      <ellipse
         ry="0.64374065"
         rx="0.65850544"
         cy="295.25183"
         cx="2.3712099"
         id="path3831"
         style="opacity:1;fill:#f3f3f3;fill-opacity:1;stroke:none;stroke-width:0.26458332;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" />
    </g>
  </g>
</svg>

A veces, Inkscape tiene una funcionalidad SVG que aún no es compatible con los navegadores. Le sugiero que pruebe un enfoque diferente para mantenerlo lo más simple posible, como reducir la opacidad del grupo.
@BillyKerr, bueno, eso funcionó. No se me ocurrió - simplemente reducir la opacidad del grupo. Simplemente hice a ciegas lo que recordaba de los tutoriales en lugar de hacer lo (ahora) obvio. Gracias.
Gustoso de trabajar para ti.

Respuestas (1)

A veces, Inkscape tiene una funcionalidad SVG que aún no es compatible con los navegadores. Esto no es un error en Inkscape, es la falta de soporte para ciertas funciones SVG en los navegadores: por lo general, estas funciones que faltan incluyen cosas como filtros y efectos, y mallas de degradado.

Le sugiero que pruebe un enfoque diferente para mantenerlo lo más simple posible, como reducir la opacidad del grupo. En el ejemplo a continuación, liberé y eliminé la máscara que aplicó, luego reduje la opacidad de relleno del grupo.

Probé este enfoque en Firefox y Chrome. Ambos funcionan bien.

ingrese la descripción de la imagen aquí