Mit einem .svg-Datei in HTML-Code aus einem URL?

Ich bin versucht, ein svg von einer externen Quelle in meinem html. Sagen wir, ich habe dieses svg:
https://upload.wikimedia.org/wikipedia/commons/0/09/America_Online_logo.svg

Fand ich viele Möglichkeiten, dies zu tun, einschließlich:

<img src="your.svg"/> 
<object data="your.svg"/> 
<iframe src="your.svg"/> 
<embed src="your.svg"/> 
<div style="background:url(your.svg)">...</div>

Aber leider, das styling, die ich habe zu nutzen gilt, um svg-tags. Wenn ich dieses zum Beispiel:

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">       
<image xlink:href="https://upload.wikimedia.org/wikipedia/commons/0/09/America_Online_logo.svg"/>    
</svg>

Wird es nicht zeigen, bis auf meine Seite, bekomme ich nur eine leere weiße Quadrat! Gibt es trotzdem kann ich dazu in svg-tags? Danke!

Warum tun Sie Ihre Stile gelten nur für die svg-tags?
Leider, ich arbeite in einem multi-team-Umfeld. Ich habe die Verwendung der bereitgestellten styling, oder ich werde Kontakt mit dem Verantwortlichen und Fragen Sie Sie, es zu ändern, und das könnte eine lange Zeit dauern.
tatsächliche Produktionsumgebung, wo bestimmte Stile, die angewendet werden, um die html-Elemente direkt? interessant. Sie können werfen Sie einen Blick auf meine Antwort. vielleicht hilft es ja.

InformationsquelleAutor Albraa | 2015-12-04

Schreibe einen Kommentar