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:
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. 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.
billy kerr
presagio
billy kerr