Scalable Vector Graphics (SVG) ist ein XML-basiertes zweidimensionales Vektorgrafikformat, das auch in HTML verwendet werden kann. Fügen Sie dieses Tag nicht hinzu, nur weil Ihr Projekt SVG verwendet. Fügen Sie stattdessen das Tag hinzu, wenn Ihre Frage entweder SVG betrifft oder eng damit zusammenhängt, z. B. wie Sie mit SVG etwas erreichen können.
Soll ich <img>, <object>oder <embed>zum Laden von SVG - Dateien in einer Seite in ähnlicher Weise wie Laden einesjpg , gifoder png? Was ist der Code für jeden, um sicherzustellen, dass er so gut wie möglich funktioniert? (Ich sehe Verweise darauf, den Mimetyp einzubeziehen oder...
Wann sollten bestimmte Bilddateitypen beim Erstellen von Websites oder Schnittstellen usw. verwendet werden? Was sind ihre Stärken und Schwächen? Ich weiß, dass PNG & GIF verlustfrei sind, während JPEG verlustbehaftet ist. Aber was ist der Hauptunterschied zwischen PNG und GIF? Warum sollte ich...
Was ist der beste Ansatz, um Elemente im laufenden Betrieb zu erstellen und sie bewegen zu können? Angenommen, ich möchte ein Rechteck, einen Kreis und ein Polygon erstellen und dann diese Objekte auswählen und verschieben. Ich verstehe, dass HTML5 drei Elemente bietet, die dies ermöglichen können:...
Overа этот вопрос есть ответы на Stapelüberlauf на русском Dies ist eine Selbst-Q & A eines praktischen Codes, den ich mir ausgedacht habe. Derzeit gibt es keine einfache Möglichkeit, ein SVG-Bild einzubetten und dann über CSS auf die SVG-Elemente zuzugreifen. Es gibt...
Ist es möglich, eine Transparenz- oder Alpha-Stufe für SVG-Füllfarben festzulegen? Ich habe versucht , zwei Werte an die fill - Tag hinzugefügt (es ändert fill="#044B94"zu fill="#044B9466"), aber das funktioniert
Ich habe eine SVG-Datei mit einer definierten Größe von 16x16. Wenn ich das Konvertierungsprogramm von ImageMagick verwende, um es in ein PNG zu konvertieren, erhalte ich ein PNG mit 16 x 16 Pixeln, das viel zu klein ist: convert test.svg test.png Ich muss die Pixelgröße des Ausgabe-PNG angeben....
Ist es möglich, Schlagschatten für ein SVG-Element mit CSS3 zu setzen? box-shadow: -5px -5px 5px #888; -webkit-box-shadow: -5px -5px 5px #888; Ich habe einige Anmerkungen zum Erstellen von Schatten mithilfe von Filtereffekten gesehen. Gibt es ein Beispiel für die alleinige Verwendung von CSS? Unten...
Apples iPad Mini ist in mehr als einer Hinsicht ein kleinerer Klon des iPad 2. In JavaScript stellt das window.navigatorObjekt dieselben Werte für Mini und iPad 2 bereit. Meine bisherigen Tests zur Erkennung des Unterschieds haben nicht zum Erfolg geführt. Warum ist das wichtig? Da die Bildschirme...
html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Das obige SVG wird geladen und ist nativ, fill: #fffaber wenn ich das Obige verwende css, um es in Schwarz zu ändern, ändert es sich nicht. Ich spiele zum ersten Mal mit SVG und bin mir nicht sicher,...
Ich möchte diese Technik http://css-tricks.com/svg-fallbacks/ verwenden und die SVG-Farbe ändern, konnte dies aber bisher nicht. Ich habe dies in die CSS gestellt, aber mein Bild ist immer schwarz, egal was passiert. Mein Code: .change-my-color { fill: green; } <svg> <image...
Ich möchte SVG über JavaScript in Bitmap-Bilder (wie JPEG, PNG usw.)
Ich benutze jQuery SVG. Ich kann einem Objekt keine Klasse hinzufügen oder entfernen. Kennt jemand meinen Fehler? Die SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> Die jQuery, die die Klasse nicht hinzufügt: $(".jimmy").click(function() {...
Ist es möglich, eine Inline-SVG-Definition in CSS zu verwenden? Ich meine so etwas wie: .my-class { background-image:
Platzieren der SVG-Ausgabe direkt inline mit dem Seitencode Ich kann Füllfarben mit CSS einfach so ändern: polygon.mystar { fill: blue; } circle.mycircle { fill: green; } Dies funktioniert hervorragend, ich suche jedoch nach einer Möglichkeit, das Attribut "fill" eines SVG zu ändern, wenn es als...
Geschlossen . Diese Frage muss fokussierter sein . Derzeit werden keine Antworten akzeptiert. Geschlossen vor 4 Jahren . Gesperrt . Diese Frage und ihre Antworten sind gesperrt, da die Frage nicht zum Thema gehört, aber historische Bedeutung hat. Derzeit...
Ich habe eine SVG, die ich in einem Div zentrieren möchte. Das div hat eine Breite oder 900px. Das SVG hat eine Breite von 400px. Bei der SVG ist der Rand links und der Rand rechts auf automatisch eingestellt. Funktioniert nicht, es verhält sich nur so, als ob der linke Rand 0 ist...
Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie mit Fakten und Zitaten beantwortet werden kann, indem Sie diesen Beitrag bearbeiten .
Ich möchte einige SVG-Bilder vor ausgewählten Elementen platzieren. Ich benutze JQuery, aber das ist irrelevant. Ich möchte das Element: before als: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Wenn ich es wie...
Ich möchte die Inhaltsskala eines Inline-SVG-Elements haben, wenn die Größe nicht nativ ist. Natürlich könnte ich es als separate Datei haben und es so skalieren. index.html: <img src="foo.svg" style="width: 100%;" /> foo.svg: <svg width="123" height="456"></svg> Ich möchte dem...
Wie erstelle ich eine solche Form, um sie auf einer Webseite anzuzeigen? Ich möchte keine Bilder verwenden, da diese beim Skalieren verschwommen werden Ich habe es mit CSS versucht : .tear { display: inline-block; transform: rotate(-30deg); border: 5px solid green; width: 50px;...