Als «svg» getaggte Fragen

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.

13
Verwende ich <img>, <object> oder <embed> für SVG-Dateien?
Soll ich &lt;img&gt;, &lt;object&gt;oder &lt;embed&gt;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 auf Fallback-SVG-Renderer in meine Forschung …
8
HTML5 Canvas vs. SVG vs. div
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: svg , canvas und …
17
Wie ändere ich die Farbe eines SVG-Bildes mit CSS (jQuery SVG Image Replacement)?
Overа этот вопрос есть ответы на Stapelüberlauf на русском Dies ist eine Selbst-Q &amp; 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 verschiedene Methoden zur Verwendung von JS SVG-Frameworks, die …
437 jquery  css  svg 
17
Wie konvertiere ich mit ImageMagick ein SVG in ein PNG?
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. -sizeParameter scheint …
388 svg  imagemagick  png 
7
SVG Schlagschatten mit CSS3
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 finden Sie einen Arbeitscode, in dem …
379 html  css  svg  svg-filters 
23
Erkennen Sie das iPad Mini in HTML5
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 iPad Mini und …
376 javascript  html  ipad  svg 
18
img src SVG Ändern der Stile mit CSS
html &lt;img src="logo.svg" alt="Logo" class="logo-img"&gt; 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, …
373 css  image  svg 
16
Wie ändere ich die Farbe eines SVG-Elements?
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; } &lt;svg&gt; &lt;image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /&gt; &lt;/svg&gt; Führen Sie das …
346 css  svg 
15
jQuery SVG, warum kann ich keine Klasse hinzufügen?
Ich benutze jQuery SVG. Ich kann einem Objekt keine Klasse hinzufügen oder entfernen. Kennt jemand meinen Fehler? Die SVG: &lt;rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /&gt; Die jQuery, die die Klasse nicht hinzufügt: $(".jimmy").click(function() { $(this).addClass("clicked"); }); Ich weiß , dass die SVG und jQuery arbeiten zusammen in Ordnung …
7
Inline-SVG in CSS
Ist es möglich, eine Inline-SVG-Definition in CSS zu verwenden? Ich meine so etwas wie: .my-class { background-image: &lt;svg&gt;...&lt;/svg&gt;; }
283 css  svg 
16
Ändern Sie die SVG-Füllfarbe, wenn Sie als Hintergrundbild bereitgestellt werden
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 BACKGROUND-IMAGE bereitgestellt wird. html { …
270 html  css  svg 
15
Wie konvertiere ich ein PNG-Bild in ein SVG? [geschlossen]
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 werden keine neuen Antworten oder Interaktionen akzeptiert. Wie konvertiere ich ein …
266 svg  png 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.