Inkscape: Alternative zum Setzen einer Maske auf eine Gruppe von Objekten, um eine leichte Transparenz dieser Objekte zu erreichen

Ich kann anscheinend mit Inkscape 0.92.4 eine einfache Maske nicht richtig auf eine Gruppe von zwei Ellipsen anwenden (um sie leicht transparent zu machen). Das resultierende Bild wird vollständig transparent statt leicht transparent.

Was ich getan habe:

  1. ein neues Dokument erstellt.
  2. Dokumenteigenschaften festlegen; Einheiten zu px, Breite x Höhe zu 16x16 px.
  3. vergrößert, um die gesamte Seite anzuzeigen.
  4. erste Ellipse erstellt und ihre Füllung auf Schwarz gesetzt.
  5. erstellte zuerst eine zweite Ellipse und stellte ihre Füllung auf Weiß ein.
  6. gruppiert die beiden Ellipsen.
  7. erstellte ein Rechteck, das die beiden Ellipsen bedeckte, und stellte seine Füllung auf einen Grauton ein.
  8. selected all (Gruppe und Rechteck als Auswahl dargestellt).
  9. verwendet "Objekt > Maske > Set".

An diesem Punkt zeigt (und exportiert) Inkscape das Bild wie gewünscht, andere Renderer jedoch nicht. Der SVG-Import von Firefox, Chrome und Gimp zeigt beim Öffnen der gespeicherten SVG-Datei kein sichtbares Bild an, was an einem Fehler in Inkscape liegen könnte . Wenn ja, würde ich es gerne umgehen.

Kann ich mit Inkscape den gewünschten Effekt auf andere Weise erzielen?

Das resultierende XML aus den obigen Schritten (drawing.svg), nur für den Fall:

<?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>

Manchmal hat Inkscape eine SVG-Funktionalität, die in Browsern noch nicht unterstützt wird. Ich würde vorschlagen, dass Sie einen anderen Ansatz ausprobieren, um es so einfach wie möglich zu halten, z. B. stattdessen die Deckkraft der Gruppe zu verringern.
@BillyKerr, nun, das hat funktioniert. Es kam mir nicht in den Sinn - nur die Deckkraft der Gruppe zu reduzieren. Ich habe einfach blind das getan, woran ich mich aus Tutorials erinnerte, anstatt das (jetzt) ​​Offensichtliche zu tun. Danke schön.
Schön, dass es bei dir funktioniert hat.

Antworten (1)

Manchmal hat Inkscape eine SVG-Funktionalität, die noch nicht von Browsern unterstützt wird. Dies ist kein Fehler in Inkscape, sondern fehlende Unterstützung für bestimmte SVG-Funktionen in Browsern: Typischerweise umfassen diese fehlenden Funktionen Dinge wie Filter und Effekte sowie Verlaufsgitter.

Ich würde vorschlagen, dass Sie einen anderen Ansatz ausprobieren, um es so einfach wie möglich zu halten, z. B. stattdessen die Deckkraft der Gruppe zu verringern. Im folgenden Beispiel habe ich die angewendete Maske freigegeben und gelöscht und dann die Fülldeckkraft der Gruppe reduziert.

Ich habe diesen Ansatz in Firefox und Chrome getestet. Beide funktionieren gut.

Geben Sie hier die Bildbeschreibung ein