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
*/