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.

1
Richtiger MIME-Typ für SVG-Bilder mit eingebetteten Schriftarten
Dies ist der übliche SVG-MIME-Typ: image/svg+xml Und es funktioniert großartig. Wenn Sie jedoch eine SVG-Schriftart einbetten, zeigt Chrome an, dass der MIME-Typ falsch ist, offensichtlich, weil Sie eine Schriftart anstelle eines Bildes zurückgeben. Gibt es einen universellen Pantomimentyp? ist Chrom falsch? wird application/svg+xmlirgendwie akzeptiert? Ich denke, dies ist immer noch …
7
Einfachste Möglichkeit, SVG in Android zu verwenden?
Ich habe eine Vielzahl von Bibliotheken gefunden, um svg in Android zu verwenden und die frustrierende Erstellung unterschiedlicher Auflösungen und das Löschen von Dateien für jede Auflösung zu vermeiden. Dies wird sehr ärgerlich, wenn die App viele Symbole oder Bilder enthält. Kann jemand so freundlich sein, einen schrittweisen Prozess der …
164 android  svg  androidsvg 
8
Ändern der Größe von SVG in HTML?
Ich habe also eine SVG-Datei in HTML, und eines der Dinge, die ich über das Format gehört habe, ist, dass es nicht vergrößert wird, wenn Sie es vergrößern. Ich weiß, dass mit einem JPEG oder was auch immer ich es als 50 x 50-Symbol speichern könnte, und es dann tatsächlich …
156 html  svg 
26
Entfernen von Transformationen in SVG-Dateien
Ich habe eine Weile damit zu kämpfen und kann anscheinend nirgendwo eine Antwort finden (die funktioniert). Ich habe eine SVG-Datei, die so aussieht: <svg xmlns:dc="http://purl.org/dc/elements/1.1/" ... width="72.9375" height="58.21875" ...> ... <g ... transform="translate(10.75,-308.96875)" style="..."> <path inkscape:connector-curvature="0" d="m -10.254587,345.43597 c 0,-1.41732 0.17692,-2.85384 0.5312502,-3.5625 0.70866,-1.41733 2.14518,-2.82259 3.5625,-3.53125 1.41733,-0.70866 2.11392,-0.70867 3.53125,0 1.41732,0.70866 ... …
155 svg  transform  inkscape 
13
Wie verwende ich den Z-Index in SVG-Elementen?
Ich benutze die SVG-Kreise in meinem Projekt so, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 160 120"> <g> <g id="one"> <circle fill="green" cx="100" cy="105" r="20" /> </g> <g id="two"> <circle fill="orange" cx="100" cy="95" r="20" /> </g> </g> </svg> Und ich benutze den Z-Index im gTag, um die Elemente zuerst anzuzeigen. In meinem Projekt …
5
Unterstützt SVG das Einbetten von Bitmap-Bildern?
Ist ein SVG-Bild rein vektoriell oder können wir Bitmap-Bilder zu einem SVG-Bild kombinieren? Wie wäre es mit Transformationen, die auf die Bitmap-Bilder angewendet werden (Perspektive, Zuordnungen usw.)? Bearbeiten : Bilder können durch Linkreferenz in eine SVG-Datei aufgenommen werden. Siehe http://www.w3.org/TR/SVG/struct.html#ImageElement . Meine Frage war in der Tat, ob Bitmap-Bilder in …
147 image  svg  bitmapimage 
12
Kreiszeichnung mit SVGs Bogenpfad
Kurze Frage: Mit dem SVG-Pfad können wir 99,99% eines Kreises zeichnen und er wird angezeigt. Wenn es sich jedoch um 99,99999999% eines Kreises handelt, wird der Kreis nicht angezeigt. Wie kann es behoben werden? Der folgende SVG-Pfad kann 99,99% eines Kreises zeichnen: (Versuchen Sie es unter http://jsfiddle.net/DFhUF/1381/ und prüfen Sie, …
11
Machen Sie aus einem HTML-SVG-Objekt auch einen anklickbaren Link
Ich habe ein SVG-Objekt in meiner HTML-Seite und verpacke es in einen Anker. Wenn Sie auf das SVG-Bild klicken, gelangt der Benutzer zum Ankerlink. <a href="http://www.google.com/"> <object data="mysvg.svg" type="image/svg+xml"> <span>Your browser doesn't support SVG images</span> </object> </a> Wenn ich diesen Codeblock verwende, kann ich durch Klicken auf das SVG-Objekt nicht …
143 html  object  svg  anchor 
5
vertikale Ausrichtung des Textelements in SVG
Angenommen, ich habe die SVG-Datei: <svg width="1024" height="768" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <text x='20' y='60' style="font-size: 60px">b</text> <text x='100' y='60' style="font-size: 60px">a</text> </svg> Ich möchte irgendwie die Oberseite von aund ausrichten b. Eigentlich möchte ich, dass meine Positionierung der entspricht, rooflineanstatt baseline!
8
Fügen Sie benutzerdefinierte Symbole zur Schriftart awesome hinzu
Ich liebe die Font Awesome- Symbolschrift und möchte sie für die meisten Symbole auf meiner Website verwenden, aber es gibt ein paar benutzerdefinierte SVG-Symbole, die ich zusätzlich zu den angebotenen Symbolen benötigen würde. Mir ist aufgefallen, dass die .svg-Version von Font Awesome hauptsächlich aus folgenden <glyph />Elementen besteht: ... <glyph …
6
Standardhintergrundfarbe des SVG-Stammelements
Ich möchte eine Standardhintergrundfarbe für das gesamte SVG-Dokument festlegen, z. B. Rot. <svg viewBox="0 0 500 600" style="background: red">/* content */</svg> Die obige Lösung funktioniert, aber die Hintergrundeigenschaft des Stilattributs ist leider keine Standardeigenschaft: http://www.w3.org/TR/SVG/styling.html#SVGStylingProperties , und wird daher während des Reinigungsprozesses mit SVG entfernt Reiniger. Gibt es eine andere …
134 svg 
5
Zeichnen einer SVG-Datei auf einer HTML5-Zeichenfläche
Gibt es eine Standardmethode zum Zeichnen einer SVG-Datei auf eine HTML5-Zeichenfläche? Google Chrome unterstützt das Laden der SVG als Bild (und das einfache Verwenden drawImage). Die Entwicklerkonsole warnt jedoch davor resource interpreted as image but transferred with MIME type image/svg+xml. Ich weiß, dass eine Möglichkeit darin besteht, die SVG in …
130 html  canvas  svg 
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.