-w-embedIfLocalSVG

Mögliche Werte Beschreibung Einsatzgebiet
[yes|no]

Definiert, ob eine lokal verfügbare SVG-Datei direkt als SVG-Markup in das HTML-Dokument eingebettet werden soll.
In dem Fall lassen sich dann z.B. Farben im CSS anpassen.
(nutzbar ab Bild-Weblic Version 002.000.738.000)

picture.standard.wItem.php

Beispiele / Anwendungsfälle

Beispiel 1: Die im Bild-Element ausgewählte SVG-Grafik wird direkt als SVG-Markup eingebettet und beim Mouseover farblich angepasst

/* nachfolgende CSS-Only-Variante wird auf die im Bild-Element ausgewählte logo-weblication.svg Grafik angewandt */

/*@wCssFragment{class:elementPicture;variant:2000;caption:SVG Weblication Logo Mouseover rot;caption-en:SVG Weblication logo mouseover red}*/
.elementPicture_var2000                         {/* ... */;-w-embedIfLocalSVG:yes}
.elementPicture_var2000 svg                    {width:100%;height:auto}
.elementPicture_var2000 svg rect.cls-2         {fill:#0050a0}
.elementPicture_var2000 svg rect.cls-2:hover   {fill:red !important}

Beispiel 2: Die im Bild-Element ausgewählte SVG-Grafik wird direkt als SVG-Markup eingebettet und über fill und stroke farblich angepasst

/* nachfolgende CSS-Only-Variante wird auf die im Bild-Element ausgewählte SVG Grafik angewandt (fill und stroke) */

/*@wCssFragment{class:elementPicture;variant:2001;caption:SVG fill red und stroke green;caption-en:SVG fill red und stroke green}*/
.elementPicture_var2001                    {/* ... */;-w-embedIfLocalSVG:yes}
.elementPicture_var2001 svg               {width:100%;height:auto}
.elementPicture_var2001 svg polygon       {fill:red;stroke:green}
.elementPicture_var2001 svg polygon:hover {fill:orange;stroke:yellow}

/*
Quelle der hier verwendeten Grafik: OpenClipart
Link zur Seite: https://openclipart.org/detail/254280/modern-house-svg-image-for-videoscribe
*/

Entwicklerbereich Weblication® CMS - © Scholl Communications AG