Volle Breite und Höhe SVG

Question

Volle Breite und Höhe SVG

10

Das Dilemma: Erstellen Sie ein vollständiges Fenster-Svg-Bild, das OHNE Seiten-Verzerrung füllt, OHNE ein SVG-Tag zu verwenden. Warum kein SVG-Tag? Weil ich beabsichtige, das SVG später (wenn nicht häufig) im Leben der Seite auszuwechseln, und ich habe keinen einfachen Weg gefunden, das zu tun.

Die fehlgeschlagenen Versuche:

%Vor%

Ich habe es auch versucht

%Vor%

aber kein Glück.

css svg css3

Fresheyeball 21.02.2012, 17:44

quelle

2 Antworten

2

Hier ist eine jQuery-Lösung. Wie Sie sehen können, verwende ich es mit einem SVG ohne <svg>

Das CSS

%Vor%

Der html

%Vor%

Das Javascript

%Vor%

Führen Sie dies aus, wenn Sie die Größe des Bildes ändern möchten, normalerweise auf "onresize" und "onload"

%Vor%

Adam 20.06.2014 19:07

quelle

Tags und Links css svg css3

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Wie überprüft man einfach, ob die Server-PHP-Version 5 oder höher ist?

score 48 · Accepted Answer

Ich habe das in Firefox, Chrome und Safari mit

gemacht %Vor%

Der Trick bestand darin, sicherzustellen, dass das SVG, das ich anzeigte, preserveAspectRatio="none" im root gesetzt hatte. Außerdem musste ich entweder die viewBox im SVG löschen oder sicherstellen, dass der Bildinhalt fest abgeschnitten wurde.

Zum Beispiel:

%Vor%

Hoffentlich haben Sie die Kontrolle über den Inhalt der SVG-Dateien, die Sie anzeigen möchten. : -)