.png Icon durch .svg ersetzen bearbeitet von Linuchs 29.11.2021 17:46 Moin,ich bitte um eine kleine Hilfestellung, ohne SVG-Lehrgang.Neben `<input />` Feldern kann man die verpixelte Grafik icon_info.png [](/images/bd257a40-5132-11ec-a1fe-b42e9947ef30.png) anklicken, per ajax wird ein Helptext geholt.Diese Grafik möchte ich gerne ersetzen durch icon_info.svg [](/images/3cd930f6-5133-11ec-8195-b42e9947ef30.svg). Da habe ich auch was gefunden, aber der Kreis sollte gelb hinterlegt sein. Die Darstellung ist etwa so groß wie der Buchstabe M. Aber bei SVG ist das unwichtig?Welche Ergänzung muss ich dem SVG hinzufügen?~~~svg<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" height="160" width="160" version="1.0"> <g fill="#4b4b4b"> <path d="m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z"/> <path d="m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z" transform="matrix(1.1989 0 0 1.2342 21.214 28.75)"/> <path d="m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105"/> </g></svg>~~~Kann ich den Zugriff auf `http://www.w3.org/2000/svg` vermeiden? Danke und Gruß, Linuchs
.png Icon durch .svg ersetzen bearbeitet von Linuchs 29.11.2021 17:51 Moin,ich bitte um eine kleine Hilfestellung, ohne SVG-Lehrgang.Neben `<input />` Feldern kann man die verpixelte Grafik icon_info.png [](/images/bd257a40-5132-11ec-a1fe-b42e9947ef30.png) anklicken, per ajax wird ein Helptext geholt.Diese Grafik möchte ich gerne ersetzen durch icon_info.svg [](/images/3cd930f6-5133-11ec-8195-b42e9947ef30.svg). Da habe ich auch was gefunden, aber der Kreis sollte gelb hinterlegt sein.Welche Ergänzung muss ich dem SVG hinzufügen?~~~svg<?xml version="1.0" encoding="UTF-8" standalone="no"?><svg xmlns="http://www.w3.org/2000/svg" height="160" width="160" version="1.0"> <g fill="#4b4b4b"> <path d="m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z"/> <path d="m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z" transform="matrix(1.1989 0 0 1.2342 21.214 28.75)"/> <path d="m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105"/> </g></svg>~~~Kann ich den Zugriff auf `http://www.w3.org/2000/svg` vermeiden? Danke und Gruß, Linuchs
*.png-icon durch *.svg ersetzen bearbeitet von Linuchs 29.11.2021 17:47 Moin, ich bitte um eine kleine Hilfestellung, ohne SVG-Lehrgang. Neben `<input />` Feldern kann man die verpixelte Grafik icon_info.png [](/images/bd257a40-5132-11ec-a1fe-b42e9947ef30.png) anklicken, per ajax wird ein Helptext geholt. Diese Grafik möchte ich gerne ersetzen durch icon_info.svg [](/images/3cd930f6-5133-11ec-8195-b42e9947ef30.svg). Da habe ich auch was gefunden, aber der Kreis sollte gelb hinterlegt sein. Welche Ergänzung muss ich dem SVG hinzufügen? ~~~svg <?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg xmlns="http://www.w3.org/2000/svg" height="160" width="160" version="1.0"> <g fill="#4b4b4b"> <path d="m80 15c-35.88 0-65 29.12-65 65s29.12 65 65 65 65-29.12 65-65-29.12-65-65-65zm0 10c30.36 0 55 24.64 55 55s-24.64 55-55 55-55-24.64-55-55 24.64-55 55-55z"/> <path d="m57.373 18.231a9.3834 9.1153 0 1 1 -18.767 0 9.3834 9.1153 0 1 1 18.767 0z" transform="matrix(1.1989 0 0 1.2342 21.214 28.75)"/> <path d="m90.665 110.96c-0.069 2.73 1.211 3.5 4.327 3.82l5.008 0.1v5.12h-39.073v-5.12l5.503-0.1c3.291-0.1 4.082-1.38 4.327-3.82v-30.813c0.035-4.879-6.296-4.113-10.757-3.968v-5.074l30.665-1.105"/> </g> </svg> ~~~ Kann ich den Zugriff auf `http://www.w3.org/2000/svg` vermeiden? Danke und Gruß, Linuchs
nicht angemeldet nicht angemeldet
