zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden SVG mit jQuery: stroke einfärben

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 28.09.2017, 21:36
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 23.11.2015
Beiträge: 13
Communicate befindet sich auf einem aufstrebenden Ast
Standard SVG mit jQuery: stroke einfärben

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 (elcolor) {
                    
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
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


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


Alle Zeitangaben in WEZ +2. Es ist jetzt 22:41 Uhr.