Tag: canvas

Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.

Klar, ganze, verwandelt das HTML5 Canvas-Element, während die Erhaltung Kontext transformieren

Anzahl der Antworten 2 Antworten
Möchte ich die zoom-und pan eine HTML5-Canvas-verwandelt den Kontext translate() und scale() -, clearing die Leinwand, und dann Neuzeichnen. Beachten Sie, dass ich explizit nicht aufrufen save() und restore() um meine Transformationen. Wenn ich führen Sie die

Höhere DPI-Grafiken mit HTML5-canvas

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit, um eine benutzerdefinierte DPI/PPI beim erstellen eines Abbilds mit dem HTML5 canvas-Element? Ich weiß, wie kann ich das zeichnen auf den canvas-Bereich, und exportieren Sie es als Bild, aber wie kann ich sicherstellen,

Extrahieren einzelner frames aus einer animierten GIF-Datei auf die Leinwand

Anzahl der Antworten 3 Antworten
Brauche ich zum laden der frames eines animierten GIF auf einem HTML5-canvas. Bitte beachten Sie, ich möchte nicht "spielen" animiert (jemand fragte dies vor), alles was ich will ist, um zu extrahieren alle frames als einzelne Bilder.

Wie verbessern Canvas-rendering-performance?

Anzahl der Antworten 4 Antworten
Ich haben, ziehen eine Menge Form (etwa 1/2 hundert tausend) [Leinwand][2]'s Kinder. Ich mache das in meiner WPF-Anwendung, die das teilen der Arbeit in zwei Teile: das erste, was ich Formen, indem Sie die Eigenschaften von jedem

Wie man WebGL canvas-transparent

Anzahl der Antworten 1 Antworten
Ist es möglich, WebGL canvas mit transparenten hintergrund? Ich möchte den Inhalt der web-Seite sichtbar über die Leinwand. Dies ist, was ich jetzt habe: http://i50.tinypic.com/2vvq7h2.png Wie Sie sehen können, den text hinter dem WebGL-canvas ist nicht sichtbar.

zeichnen Sie einen Pfad mit Loch ( android )

Anzahl der Antworten 2 Antworten
Hat jemand einen Tipp für mich für Folgendes problem ? Ich würde gerne zeichne einen gefüllten Pfad ( canvas ) hat ein Loch. In SVG die Pfad-definition ist die Folgen : M 100 100 L 200 100

wie zu zwingen, ein display-update in Leinwand

Anzahl der Antworten 1 Antworten
wenn ich zeichnen auf den canvas-Bereich eine Menge in schneller Abfolge, z.B. ein Kontext.fillRect in einer Schleife, Browser scheinen zu warten, bis die Schleife beendet wurde, bevor die Zeichnung angezeigt wird (eventuell via double-buffering) Gibt es eine

Zugriff auf die SVG-Daten per JavaScript

Anzahl der Antworten 2 Antworten
Arbeite ich an einer web-Anwendung mit SVG & JS. Die Dinge laufen gut, aber ich bin ein bisschen verwirrt durch den Umgang mit den Daten. Die Daten für die Objekte, die die Nutzer erstellen, die dynamisch an

Unterstützung von Canvas und WebGL (three.js) auf moble Geräte?

Anzahl der Antworten 3 Antworten
Es ist eine wunderbare 3D-application-framework genannt three.js. Soweit ich es verstanden habe hat ein paar render-Subsystemen: basierend auf Canvas und basiert auf WebGL. Also, was über mobile Geräte unterstützen? (Android, iOS) InformationsquelleAutor Ben Usman | 2011-11-29

Konvertieren von PDF in Base64-kodierten string in Javascript

Anzahl der Antworten 2 Antworten
Brauche ich zum verschlüsseln einer PDF-Datei in Base64-mit Javascript. Ich kann Base64-kodiertes jpeg-oder png-Bilder in Javascript, aber ich konnte nicht finden, eine Möglichkeit oder Beispiel-code zu erstellen, die eine Base64-codierte Zeichenfolge aus einer PDF-Datei. Ist es es

Gewusst wie: zeichnen von Bézier-Kurve durch mehrere Punkte?

Anzahl der Antworten 2 Antworten
Ich habe mehrere Punkte, und ich versuche zu zeichnen Bezier-Kurve mit folgenden code PathFigure pf = new PathFigure(points.From, ps, false); //ps - list of Bezier segments PathFigureCollection pfc = new PathFigureCollection(); pfc.Add(pf); var pge = new PathGeometry();

Wenn ich synchronisieren Methoden oder verwenden Sie synchronisierte Blöcke in meine Methoden in einem Android-Spiel?

Anzahl der Antworten 1 Antworten
Ich bin auf der Suche in dem schreiben von einfachen Grafik-code in Android und habe festgestellt, dass einige synchronisiert() blockiert. Was ist die Argumentation hinter dieser und wie kann ich wissen, wenn ich es sein sollte "synchronisieren"

HTML5-Canvas 100% Höhe und Breite

Anzahl der Antworten 2 Antworten
Ich versuche zu machen, diese regentropfen Leinwand Skript bis 100% Breite und Höhe, aber nichts, was ich scheinen zu tun. Ich habe versucht, die änderung der CSS, und die Höhe/Breite im Canvas-Bereich, aber entweder es ändert sich

Wie kann ich das animieren eines progressiven zeichnen von svg-Pfad?

Anzahl der Antworten 4 Antworten
Möchte ich animieren, ein progressives zeichnen einer Linie, die mit nur mit css svg/canvas und js maximum. Eine Idee, die Linie, die ich zeichnen möchte, kann gefunden werden hier <svg width="640" height="480" xmlns="http://www.w3.org/2000/svg"> <!-- Created with SVG-edit

Komponente zurückgegeben Fehler-code: 0 x 80040111 (NS_ERROR_NOT_AVAILABLE)

Anzahl der Antworten 1 Antworten
Mein problem : uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: file:///***************.js :: redrawView :: line 308" data: no] Den code, die dieses Verhalten (tmpImg ist dynamisch laden,

Wie man die Schriftgröße einer Leinwand' text-Element?

Anzahl der Antworten 3 Antworten
Ich habe den folgenden code: canvas.create_text(x, y, font="Purisa", text= k) Wie setze ich die font-Größe mit einer Variablen namens rndfont? InformationsquelleAutor carte | 2013-03-17

Javascript-Funktion zum Drehen einer base-64-Bild von X Grad und return new base64

Anzahl der Antworten 2 Antworten
Ich möchte eine javascript-Funktion, die dreht eine base64-Bild von X Grad und die Rückkehr der neuen base64 Bild. Beispiel möchte ich eine Funktion aufrufen mit sowas wie: var newImg = rotateImg(imageData, 90); //was sollte die Rückkehr, die

Android drawText einschließlich Textumbruch

Anzahl der Antworten 3 Antworten
Ich bin derzeit am erstellen einer Bild-editor und bin versucht zu zeichnen text oben auf das Bild mit canvas.drawText(). Bisher habe ich erfolgreich tut dies aber, wenn der Benutzer text eingibt, die zu lang ist, der text

Leinwand drehen, von unten in der Mitte Bildwinkel?

Anzahl der Antworten 4 Antworten
Wie Sie ein Bild drehen mit dem html5 canvas-element von der unteren Mitte Winkel? <html> <head> <title>test</title> <script type="text/javascript"> function startup() { var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); var img = new Image(); img.src =

Tut (HTML5) Leinwand haben, das entspricht einer image-map?

Anzahl der Antworten 5 Antworten
Macht das Canvas-element äquivalent zu img-Karte, so können Sie festlegen, klickbare Bereiche auf dem canvas-element? Gibt es kurze Erwähnung der Karte auf halbem Weg unten auf der Seite hier: http://www.w3.org/TR/html5/the-canvas-element.html, aber ich kann nicht finden, etwas über