html5-canvas

Canvas ist ein HTML-Element, das das dynamische, skriptfähige Rendern von 2D-Formen, 3D-Formen, Bitmap-Bildern und Animationen sowohl in 2D als auch in 3D ermöglicht.
1
Antwort

Unerwünschte Zeilen, die in html5-Canvas mit Kacheln erscheinen

Ich zeichne eine Karte auf einer Leinwand mit Quadraten 40px * 40px. Alles ist gut, bis ich die Karte durch Verschieben der Leinwand (mit Hilfe der Transformation) durchblättere. Dann, aus dem Nichts, Linien zwischen den Fliesen. Siehe Bilder un...
30.03.2012, 11:39
1
Antwort

Zeichnen Sie eine gekrümmte Linie auf einer Webseite, während der Benutzer scrollt

Ich habe mich gefragt, ob es möglich ist, eine gekrümmte Linie auf einer Website dynamisch zu zeichnen, während der Benutzer scrollt. Ich bin mir ziemlich sicher, dass es mit HTML5 Canvas mit der BezierCurveTo () -Methode gemacht werden kann, ab...
02.08.2012, 17:48
1
Antwort

Open Source HTML5 JS Bibliothek für Flowchats [geschlossen]

Ich plane, eine Anwendung zu schreiben, die es mir erlaubt, Diagramme wie Diagramme zu zeichnen, die sich über mehrere dynamische Rechtecke (Knoten) erstrecken können, die mit der N-Tiefe verbunden sind. Offensichtlicher Gedanke ist es, eine Flo...
08.02.2013, 05:21
6
Antworten

Klonen von Objekten in Fabric.js

Ich klicke ein ausgewähltes Objekt auf einer Leinwand in Fabric.js mit einer einfachen Funktion. %Vor% Das funktioniert absolut gut. Wenn ich jetzt mit dem Objekt arbeite und der Klon nicht mehr benötigt wird und ich ihn auswähle und lösche,...
10.02.2014, 08:18
2
Antworten

Zugriff auf das Canvas-Element im benutzerdefinierten Polymer-Element mit Javascript nicht möglich

Ich spiele mit der Polymer-Project Web-Komponenten Bibliothek von Google. Ich möchte ein custom-tag mit einem canvas-Element erstellen und über JavaScript innerhalb des custom-elements darauf zugreifen. aber ich kann nicht nur mit document.query...
19.06.2014, 12:35
5
Antworten

Skalierung der Breite des HTML5-Canvas mit dem Seitenverhältnis

Ich habe ein canvas-Element mit den Abmessungen 979X482px und möchte es dehnen, um es an die Breite eines beliebigen Browserfensters anzupassen, wobei das Seitenverhältnis von Breite / Höhe 1 zu 1 beibehalten wird zur Breite der Leinwand. Irgend...
25.05.2012, 07:19
2
Antworten

Interaktion mit Canvas Rectangle

Ich habe ein canvas-Element in meiner einfachen HTML-Seite und es sind nur wenige Rechtecke mit context.fillRect() method gezeichnet. Ich muss mit diesen gezeichneten Rechtecken interagieren. Wie kann ich das tun? Wie kann ich onclick oder...
23.06.2011, 10:46
2
Antworten

Wie teilen Sie die Kreise mit Canvas in 24/7 gleiche Teile?

%Vor% JavaScript %Vor% Ich möchte This demo in die 24-Stunden-Timeline unter Verwendung von Zeilen teilen. Ich habe versucht, einige, aber nicht zu markieren. Es wird sehr groß in Code! Gibt es eine andere Möglichkeit, dies in einem kl...
12.08.2013, 13:37
2
Antworten

Wie zeichnen Sie in hoher Auflösung auf Leinwand in Chrome? Und warum, wenn devicePixelRatio === webkitBackingStorePixelRatio Skalierung auf 2x verbessert die Auflösung?

Ich versuche, ein 300-dpi-Bild auf ein Leinwandobjekt zu zeichnen, aber in Chrome wird es in sehr schlechter Qualität angezeigt. Wenn ich den folgenden Code verwendet habe, hat es sich nicht verbessert, aber das lag daran, dass devicePixelRatio...
02.10.2013, 17:23
3
Antworten

Canvas - Ändern Sie die Farben eines Bildes mit HTML5 / CSS / JS?

Gibt es eine Möglichkeit, Farben eines Bildes ähnlich wie in Flash / ActionScript zu ändern, indem nur HTML5 / CSS / JavaScript verwendet wird? Hier ein Beispiel in Flash: Ссылка BEARBEITEN: Dies ist der Prozess, den ich möchte duplizieren...
09.04.2012, 05:12