Als «canvas» getaggte Fragen

Canvas ist ein Oberbegriff für die Zeichenfläche, die mit vielen Freiform-Grafikausgabe-APIs verwendet wird. Verwenden Sie dieses Tag mit anderen Tags, die die spezifische Grafik-API angeben, die zusammen mit der Programmiersprache und der Zielumgebung verwendet wird: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] usw. Fügen Sie gegebenenfalls auch ein bestimmtes Canvas-Tag wie [android-canvas], [html5-canvas] und [tkinter-canvas] hinzu.

5
Schnelle und reaktionsschnelle interaktive Diagramme / Grafiken: SVG, Canvas, andere?
Ich versuche, die richtige Technologie für die Aktualisierung eines Projekts auszuwählen, das im Grunde Tausende von Punkten in einem zoombaren, pannbaren Diagramm wiedergibt. Die aktuelle Implementierung mit Protovis ist unterdurchschnittlich. Schau es dir hier an: http://www.planethunters.org/classify Bei vollständiger Verkleinerung gibt es ungefähr 2000 Punkte. Versuchen Sie, mit den Griffen unten …
114 html  canvas  svg  d3.js  kineticjs 
14
Maximale Größe eines <canvas> -Elements
Ich arbeite mit einem Canvas-Element mit einer Höhe von 600bis zu 1000Pixeln und einer Breite von mehreren Zehntausend oder Hunderttausenden von Pixeln. Nach einer bestimmten Anzahl von Pixeln (offensichtlich unbekannt) zeigt die Leinwand jedoch keine Formen mehr an, die ich mit JS zeichne. Weiß jemand, ob es ein Limit gibt? …
112 javascript  html  canvas 
17
HTML5 canvas ctx.fillText macht keine Zeilenumbrüche?
Ich kann anscheinend keinen Text zu einer Zeichenfläche hinzufügen, wenn der Text "\ n" enthält. Ich meine, die Zeilenumbrüche werden nicht angezeigt / funktionieren nicht. ctxPaint.fillText("s ome \n \\n &lt;br/&gt; thing", x, y); Der obige Code wird "s ome \n &lt;br/&gt; thing"in einer Zeile gezeichnet. Ist dies eine Einschränkung von …
108 javascript  html  canvas  line  break 
15
Wie ist der aktuelle Stand der Technik in HTML-Canvas-JavaScript-Bibliotheken und -Frameworks? [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 7 Jahren . Verbessere diese Frage Ich untersuche derzeit Optionen für die …
4
So fügen Sie der Leinwand ein Bild hinzu
Ich experimentiere ein bisschen mit dem neuen Canvas-Element in HTML. Ich möchte einfach ein Bild zur Leinwand hinzufügen, aber es funktioniert aus irgendeinem Grund nicht. Ich habe folgenden Code: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = canvas.getContext('2d'); …
105 javascript  html  canvas 
8
So zentrieren Sie die Leinwand in HTML5
Ich habe schon eine Weile nach einer Lösung gesucht, aber nichts gefunden. Vielleicht sind es nur meine Suchbegriffe. Nun, ich versuche, das Canvas-Center entsprechend der Größe des Browserfensters zu gestalten. Die Leinwand ist 800x600. Und wenn das Fenster unter 800x600 fällt, sollte auch die Größe geändert werden (aber das ist …
105 html  canvas  css  resize 
9
Das Paket cairo wurde im Suchpfad pkg-config nicht gefunden. Knoten js Install Canvas Problem
Ich habe ein Problem bei der Installation des Canvas-Moduls im Knoten. Es scheint etwas mit Cairo zu sein. Ich erhalte diesen Fehler. npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was not found …
5
Holen Sie sich den Abstand zwischen zwei Punkten in der Leinwand
Ich habe eine Registerkarte zum Zeichnen von Zeichenflächen und möchte, dass die Linienbreite auf dem Abstand zwischen zwei letzten Aktualisierungen der Mausbewegungskoordinaten basiert. Ich werde den Abstand in die Breite selbst übersetzen. Ich muss nur wissen, wie ich den Abstand zwischen diesen Punkten erhalte (ich habe bereits Koordinaten dieser Punkte).
100 javascript  canvas 
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.