SVG mit jQuery: stroke einfärben

Communicate · #1 (**permalink**) 28.09.2017, 20:36

Hallo zusammen,

ich nutze für meine Hausautomation ein Stück Software, dass open source ist (iobroker).
Hierin ist auch eine Funktion enthalten, um bestimmte svgs abhängig von einem Zustand (z.B. Tür offen) einzufärben.

Leider ist die dazugehörige jquery-Funktion nicht richtig implementiert, so dass das einfärben nicht richtig klappt.

Mein Ziel ist es, die stroke attribute des SVG (das per img eingebunden ist) durch einen bestimmten Wert (der kommt dann Variabel aus der Anwendung)
zu ersetzen.

Der Code sieht so aus (inkl. meiner Anpassung):

PHP-Code:


			
etSvgColor: function (el, color) {

                    setTimeout(function () {

                        el.parent().find('svg').remove();

                        var $that = el;

                        var imgURL = $that.attr('src');

                        $.get(imgURL, function(data) {

                            // Get the SVG tag, ignore the rest

                            var $svg = jQuery(data).find('svg');

                            // Remove any invalid XML tags as per http://validator.w3.org

                            $svg = $svg.removeAttr('xmlns:a');

                            $svg = $svg.attr('width',  '100%');

                            $svg = $svg.attr('height', '100%');

                            

                            $svg = $svg.attr('stroke', '#ff3c41');

                           

                            $svg.find('*').each(function () {

                                var style = $(this).attr('style');

                                if (style) {

                                    style = style.replace(/#FFFFFF/g, color);

                                    $(this).attr('style', style);

                                }

                            });

                            // Replace image with new SVG

                            $that.replaceWith($svg);

                        }, 'xml');

                    }, 0);

                }

Kann mir jemand helfen und erklären, warum die stroke-Änderung nicht funktioniert? Ich bin leider noch ziemlicher jquery Anfänger...

Grüße
Dominic

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Das jQuery UI Accordion Plugin ohne jquery kenntnisse nutzen?	papalapap	Javascript & Ajax	8	13.08.2012 22:00
jQuery (coda slider) und prototype (Lightbox) konflikt	computernerd	Javascript & Ajax	3	21.09.2011 19:04
jQuery und SVG	Mirco	Javascript & Ajax	1	14.12.2010 17:45
jquery Plugins in Wordpress nutzen?	hdwolle	Javascript & Ajax	2	10.01.2010 16:15
JQuery + Wordpress	VoinG	Javascript & Ajax	0	29.12.2008 16:03