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.

2
Hinzufügen eines SVG-Elements zu einem vorhandenen SVG mithilfe von DOM
Ich habe eine HTML-Konstruktion, die dem folgenden Code ähnelt: <div id='intro'> <svg> //draw some svg elements <svg> </div> Ich möchte in der Lage sein, der oben definierten SVG einige Elemente mit Javascript und DOM hinzuzufügen. Wie würde ich das erreichen? Ich dachte an var svg1=document.getElementById('intro').getElementsByTagName('svg'); svg1[0].appendChild(element);//element like <line>, <circle> Ich …
78 javascript  html  dom  svg 
10
Hintergrundgröße mit SVG in IE9-10 gequetscht
Ich habe ein Div-Set mit einem Hintergrundbild: <div>Play Video</div> mit folgendem CSS: div { background-image: url('icon.png'); background-image: url('icon.svg'), none; background-size: 40px 40px; background-repeat: no-repeat; background-position: 90% 50%; padding: 20px; width: 150px; } Die Hintergrundgröße wird in Firefox, Safari und Chrome berücksichtigt. In IE8 wird die SVG durch die PNG-Datei ersetzt. …
5
Barrierefreiheit: Empfohlene Alt-Text-Konvention für SVG und MathML?
Überblick HTML5 ermöglicht <svg> und <math>markiert jetzt ein HTML-Dokument ohne Abhängigkeit von externen Namespaces (anständige Übersicht hier ). Beide haben ihre eigenen altAttributanaloga (siehe unten), die von der heutigen Bildschirmlese-Software effektiv ignoriert werden. Somit sind diese Elemente für blinde Benutzer nicht zugänglich. Gibt es Pläne, eine Standard-Alt-Text-Konvention für diese neuen …
1
So wenden Sie eine Farbe auf ein SVG-Textelement an
Okay ... ich werde hier verrückt. Ich habe angefangen, mit SVG zu experimentieren. Die Arbeit mit SVG und das Anwenden von CSS-Klassen funktioniert wie ein Zauber. Ich kann einfach nicht herausfinden, was ich falsch mache, aber ich kann die Klasse einfach nicht dazu bringen, an einem SVG-Textelement zu arbeiten. Ich …
78 html  css  text  svg 
4
Wie zeichnet man ein Raster mit HTML5 und (Canvas oder SVG)
Ich möchte ein Raster wie im Bild gezeigt zeichnen, habe aber keine Ahnung, wo ich anfangen soll. Soll ich SVG verwenden oder sollte ich Canvas mit HTML5 verwenden und wie man es zeichnet. Bitte führen Sie dazu. Ich möchte, dass dieses Gitter Rechtecke, Kreise oder andere Diagramme darauf zeichnet, und …
77 html  svg  html5-canvas 
3
Snap.svg vs Svg.js [geschlossen]
Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie durch Bearbeiten dieses Beitrags mit Fakten und Zitaten beantwortet werden kann . Geschlossen vor 6 Jahren . Verbessere diese Frage Ich habe versucht, eine geeignete SVG-Bibliothek …
1
Wie kann ich SVG-Code als SVG-Bild speichern? [geschlossen]
Es ist schwer zu sagen, was hier gefragt wird. Diese Frage ist mehrdeutig, vage, unvollständig, zu weit gefasst oder rhetorisch und kann in ihrer gegenwärtigen Form nicht angemessen beantwortet werden. Hilfe zur Klärung dieser Frage, damit sie wieder geöffnet werden kann, finden Sie in der Hilfe . Geschlossen vor 8 …
76 svg 
6
Warum skalieren meine SVG-Bilder nicht mit der CSS-Eigenschaft "width"?
Ich baue eine Portfolio-Website auf. HTML Quelltext <div id = "hero"> <div id = "social"> <img src = "facebook.svg"> <img src = "linkedin.svg"> <img src = "instagram.svg"> </div> </div> CSS-Code (mit SASS) #hero { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 300px; #social { width: 50%; display: flex; …
76 html  css  svg  sass 
11
Einfaches Füllmuster in SVG: diagonale Schraffur
Wie würde ich eine SVG-Form füllen, nicht mit einer einzelnen Farbe, einem Bild oder einem Farbverlauf, sondern mit einem Schraffurmuster, wenn möglich diagonal. Es ist 2 Stunden her und ich habe nichts gefunden (zumindest nach 2005). Ich denke, ein möglicher Hack wäre ein schraffiertes PNG, das als Füllung dienen würde, …
76 svg 
8
Ändern der SVG-Bildfarbe mit Javascript
Ich versuche, SVG-Bildfarben mit Javascript zu ändern. Ist das möglich? Kann ich es als Objekt laden und dann irgendwie Zugriff auf die Farb- / Bilddaten haben? Jede Antwort oder jeder Tipp wird sehr geschätzt!
75 javascript  svg 
8
Die Position des SVG-Hintergrundbilds wird im Internet Explorer trotz der Hintergrundposition immer zentriert: linke Mitte;
Ich verwende ein SVG-Logo als Hintergrundbild und kann es im Internet Explorer (Bearbeiten: und Safari) scheinbar nicht richtig nach links ausrichten . Die Behälter sehen so aus: <div id="header"> <div id="logo"></div> </div> Mit den Stilen: #header{ width: 100%; max-width: 1200px; height: 100%;} #logo{ background: url(../images/ss_logo.svg); background-position: left center; width: 100%; …
73 html  css  svg 
2
D3 Anhängen von Text an ein SVG-Rechteck
Ich möchte HTML an ein Rechteck in D3 anhängen, um einen mehrzeiligen Tooltip zu erhalten. Im unteren Teil füge ich ein Rechteck hinzu, das möglicherweise Teil des Problems ist. Die Spitze ist der Code, der in meiner Welt funktionieren sollte. newRect.().html(" <textArea font-family=Verdana font-size=20 fill=blue > Test " + "</br>" …
73 javascript  svg  d3.js 
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.