Tag: canvas
Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.
Capture HTML-Canvas als gif / jpg / png / pdf?
10 Antworten
Ist es möglich zu erfassen oder drucken, was angezeigt wird in ein html-canvas als Bild oder pdf? Ich würde gerne ein Bild zu generieren, über die Leinwand, und in der Lage sein zum generieren eines png-Bild. InformationsquelleAutor
Wie zentriere ich ein Element in wpf canvas
4 Antworten
Wie kann ich center ein element in wpf canvas-Bereich mithilfe der angefügten Eigenschaften? InformationsquelleAutor der Frage Soham Dasgupta | 2010-02-05
Gibt es eine Möglichkeit, Text mit CSS3 / Canvas zu krümmen / zu bogen
11 Antworten
Ich versuche, mich ein Gebogenen text - Effekt mit CSS3, HTML Canvas, oder auch SVG (siehe Bild unten)? Ist das möglich? Wenn ja, wie Erreiche ich diesen Effekt? Update: Zu klären: Der text, der formatiert werden, der
Wie setze ich paint.setColor (R.color.white)
3 Antworten
Habe ich eine benutzerdefinierte Ansicht, die verwendet Farbe und Leinwand, um Objekte zu zeichnen. Meine Frage ist, wie set: int color = R.color.white; paint.setColor(color); von meinem /res/valuse/color.xml die enthält Ressourcen wie <?xml version="1.0" encoding="utf-8"?> <resources> <color name="white">#FFFFFF</color>
getPixel von HTML Canvas?
8 Antworten
Ist es möglich die Abfrage eines HTML-Leinwand-Objekt, um die Farbe an einer bestimmten Stelle? InformationsquelleAutor der Frage Liam | 2009-03-20
Herkunftsübergreifende Daten in HTML5-Canvas
4 Antworten
Bin ich laden Sie ein Bild in js und ziehen Sie es in eine Leinwand. Nach der Zeichnung, die ich abrufen der Bilddaten von der Leinwand: var img = new Image(); img.onload = function() { canvas.drawImage(img, 0,
addEventListener für Keydown auf Canvas
2 Antworten
Ich versuche, eine canvas-app, reagiert auf Tastatur-und Mauseingaben. Ich habe diesen code: canvas = document.getElementById('canvas'); canvas.addEventListener('mousedown', function(event) { alert('mousedown'); }, false); canvas.addEventListener('keydown', function(event) { alert('keydown'); }, false); 'Mousedown' Warnung kommt immer wenn ich auf die Maus, aber
HTML5-Leinwand: Bildgrößenänderung
5 Antworten
Ich versuche, ein Bild auf eine Leinwand ohne Größenänderung. Ich dachte drawImage(img, x, y), würde den trick tun, aber er streckt das Bild und füllt die Leinwand. Auch die Versorgung der Methode drawImage(img, x, y, Breite, Höhe)
Größe von HTML5 Canvas über CSS im Vergleich zu Elementattributen
2 Antworten
Verstehe ich nicht, warum der folgende code-Stücken, die zu unterschiedlichen Ergebnissen führen, weil die css-Skala würde die Leinwand, wie es war vergrößert, <style> #canvas { width: 800px; height: 600px; } </style> <canvas id="canvas"></canvas> Im Gegensatz zu diesem
Wie verschmelzen Sie Bilder mit PIL / Pillow zu einer Leinwand?
1 Antworten
Ich bin nicht vertraut mit PIL, aber ich weiß, es ist sehr einfach, einen Haufen Bilder in einem raster in ImageMagick. Wie ich, zum Beispiel, setzen Sie 16 Bilder in 4×4 Gitter, wo ich kann geben Sie
Gibt es Alternativen zu jsPlumb? (zum Verbinden von DOM-Elementen)
3 Antworten
Mache ich ein gantt-Projekt-management-system, und ich bin versucht zu verbinden, die DOM-Elemente einer Benutzeroberfläche zusammen, wie in diese jsPlumb demo: Aber ich weiß nicht wie jsPlumb viel. Ich suchte nach alternativen, konnte aber keine finden. Gibt es
Deaktivieren des Rechtsklick-Kontextmenüs in einem HTML-Canvas?
4 Antworten
Macht eine Malerei-app mit HTML5 und Canvas. Ich denke, ich möchte haben ein ähnliches system, Anwendungen wie Paint und Photoshop, wo Sie können eine primäre und eine sekundäre Farbe ausgewählt und verwenden Sie die Links klicken, um
Gibt es bereits eine Canvas Draw-Direktive für AngularJS?
4 Antworten
Gibt es bereits eine Richtlinie zu zeichnen/malen, was auf einer Leinwand? So kann man etwas umsetzen, wie Paint oder auch etwas größeres wie Photoshop etc., aber ein sehr einfaches Beispiel würde genügen. Habe ich nicht gefunden in
Wie zeichne ein abgerundetes Rechteck auf HTML Canvas?
8 Antworten
Fand ich, dass es nur füllen kann Rechteck, aber keine abgerundete Ecke, wie kann ich das tun? InformationsquelleAutor der Frage DNB5brims | 2009-08-10
So vermeiden Sie die automatische Ausdehnung von HTML-Canvas
5 Antworten
Habe ich das folgende Stück HTML: <style type="text/css"> #c{width:200px;height:500px} </style> <canvas id="c"></canvas> <script type="text/javascript"> var i = new Image(); i.onload = function () { var ctx = document.getElementById('c').getContext('2d'); ctx.drawImage(i, 0, 0); } i.width = i.height = 20;
Zeichnen von PNG auf ein Canvas-Element - ohne Transparenz
4 Antworten
Ich versuche, drawImage zu zeichnen, ein semi-transparentes PNG auf ein canvas-element. Aber es zeichnet das Bild, als völlig undurchsichtig. Wenn ich mir die Ressource, die geladen wird, und laden Sie die tatsächliche PNG im browser, es zeigt
So löschen Sie den Canvas für das Neuzeichnen
20 Antworten
Nachdem das Experimentieren mit composite-Operationen und zeichnen von Bildern auf der Leinwand ich bin jetzt versuchen, entfernen Sie Bilder und compositing. Wie mache ich das? Muss ich deaktivieren Sie die Leinwand für Neuzeichnen andere Bilder; diese können
Web Audio zur Visualisierung und Interaktion mit Wellenformen
4 Antworten
Wie Schreibe ich ein JavaScript-Programm zum anzeigen einer Wellenform von einer audio-Datei? Ich möchte die Verwendung von Web-Audio-und Canvas. Ich habe versucht, diesen code: (new window.AudioContext).decodeAudioData(audioFile, function (data) { var channel = data.getChannelData(0); for (var i =
Holen Sie SVG aus dem Canvas-Element und speichern Sie es
2 Antworten
Derzeit bin ich erstellen eine kleine Anwendung für einen Freund, dessen Beginn seiner Doktorarbeit und muss nun einige Netzwerk-Diagramme. So weit funktioniert alles wunderbar, mit der eine Kraft Gerichteten Graphen. Die Graphen Knoten können verschoben werden, um
jQuery dynamische Canvas-Erstellung, $ ctx.getContext ist keine Funktion
3 Antworten
Wenn ich versuche, führen Sie diese in jQuery bekomme ich $ctx.getContext is not a function im firebug. var $ctx = $( '<canvas />', {width:'100', height:'100'} ) $widget.append($ctx) $ctx.getContext('2d') Irgendeine Idee warum ich diese Fehlermeldung erhalten? Wie kann
Ist es sinnvoll, Canvas-basierte UI-Komponenten zu erstellen?
7 Antworten
Während DOM noch Total dominiert die Art, wie wir UIs erstellen, macht es Sinn, erstellen Sie eine Reihe von völlig canvas-basierten UI-Komponenten, wie buttons, Listen, horizontale/vertikale Gruppen, etc? Weiß ich sicher, dass es gibt eine Menge Nachteile,
Machen Sie die Leinwand füllen Sie die ganze Seite
6 Antworten
Wie kann ich Leinwandbild 100% in der Breite und Höhe der Seite? InformationsquelleAutor der Frage Sergei Basharov | 2010-09-14
Zoom Leinwand auf Mauszeiger
3 Antworten
Ich bin der Programmierung eines HTML5 < canvas > - Projekt, das beinhaltet das ein-und Auszoomen von Bildern mit dem scroll-Rad. Ich will zoom in Richtung des Cursors wie google maps funktioniert, aber ich bin völlig verloren,
HTML5-Leinwand-Kreistext
6 Antworten
Wie erstelle ich Kreis text (text in einem Kreis-Form) mit Leinwand? InformationsquelleAutor der Frage Stijn Martens | 2011-05-19
Erstellen Sie Links in HTML-Canvas
5 Antworten
Ist es möglich, html-links aus text, der dargestellt wird, in ein canvas-element? InformationsquelleAutor der Frage Chris | 2011-06-02
Wie zeichne Segment eines Donuts mit HTML5 Canvas?
5 Antworten
Als der Titel besagt. Ist das möglich? Edit: Wenn ich sage, Donut-ich meine, eine top 2D-Ansicht Ist die einzige option zeichnen Sie ein segment eines Kreises ist, dann zeichnen Sie ein segment von einem kleineren Kreis mit
HTML5 Leinwand Vektorgrafiken?
5 Antworten
Bitte sagen Sie mir, welche Bibliotheken für das zeichnen und die Handhabung von Vektor-Grafiken in HTML5-Canvas-weißt du das? Danke!!!!! InformationsquelleAutor der Frage Edward83 | 2010-12-02
Holen Sie Pixelfarbe aus Leinwand, beim Mouseover
7 Antworten
Ist es möglich, den RGB-Wert des pixel unter der Maus? Gibt es ein komplettes Beispiel? Hier ist, was ich habe, so weit: <script> function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src =
Wie kann ich eine Verlaufslinie in HTML-Canvas plotten?
1 Antworten
Ich versuche, eine Linie zu ziehen, die einen Farbverlauf. Wie ist das möglich in Leinwand? InformationsquelleAutor der Frage Nasir | 2011-09-24
Wie kann ich das HTML5-Canvas-Element in IE verwenden?
6 Antworten
Ich versuche, mit dem HTML5-canvas-element zu zeichnen, einige Bögen und Kreise - das funktioniert perfekt im FF, aber IE8 nicht scheinen, um es zu unterstützen. Nun, es gibt Javascript-Bibliotheken, die scheinen zu machen, IE8 funktioniert gut mit
Bibliothek für Canvas / SVG Web-basierte Baumgraphen mit Layout-Algorithmus?
5 Antworten
Ich bin auf der Suche nach einer Bibliothek, die zeichnen können interaktive (d.h. klickbare Knoten) - Baum Graphen. Etwas wie dieses, aber mit text in den Knoten-Boxen (d.h. die Knoten der Variablen Breite und Höhe). Canviz nicht
drawBitmap () und setPixels (): Was ist der Schritt?
3 Antworten
Könnte bitte jemand mir erklären (ASCII ist wirklich sehr begrüßen), was die stride argument steht für Canvas-Bereich.drawBitmap() und in Bitmap.setPixels()/getPixels()? Ich weiß, dass es eine Möglichkeit zum überspringen von Elementen in den Farben array, aber wie? InformationsquelleAutor
Wie kann ich ein HTML-Element in ein Canvas-Element konvertieren?
10 Antworten
Wäre es unglaublich nützlich, um der Lage sein, vorübergehend konvertieren von einem regulären element in eine canvas. Zum Beispiel, sagen, ich habe einen Stil div dass ich drehen möchten. Ich möchte, um dynamisch erstellen Sie eine Leinwand,
Verfolgen der Mausposition im Canvas, wenn kein umgebendes Element vorhanden ist
1 Antworten
Ich habe Probleme beim abrufen der position der Maus w.r.t-Leinwand. Gibt es zwei Fälle: 1), Wenn es keine div-element rund um die Leinwand div dann war ich in der Lage, um die Maus-position. 2) Wenn die Leinwand
Machen Sie Google Maps Plugin schwarz / weiß oder mit Sepia-Filter
4 Antworten
Frage ich mich, ob es möglich ist das anzeigen von Google-Maps in schwarz/weiß oder mit sepia-filter. Kann es sein, getan, mit einigen Leinwand-Magie? Oder überlagern? Oder eine andere Methode? InformationsquelleAutor der Frage Sonne | 2011-07-05
Lassen Sie den Benutzer ein ausgewähltes Fabric-JS-Objekt löschen
2 Antworten
Habe ich eine einfache Stoff-js-basierte Anwendung, wo ich Benutzer hinzufügen, Formen, verbinden und animieren. Folgende ist meine JS var canvas; window.newAnimation = function(){ canvas = new fabric.Canvas('canvas'); } window.addRect = function(){ var rect = new fabric.Rect({ left:
HTML5 Canvas: Objekte besser neu zeichnen oder Bitmaps verwenden?
2 Antworten
Mein Projekt hat ein HTML5-Canvas auf die grafischen Objekte gezeichnet werden wiederholt. Diese Objekte verändern sich rapide. Zeichnen Sie braucht Zeit. Wie kann ich es beschleunigen? Die Objekte sind nicht übermäßig Komplex, aber Sie beinhalten Dinge wie
HTML-Textfeld über Canvas-Element
2 Antworten
Ich gespielt haben, um mit text im canvas-Bereich, und obwohl es einfach ist zu zeichnen, ist es nicht einfach zu interagieren. Ich begann die Umsetzung der Tastatur drücken Sie die Funktionalität zum aktualisieren von text auf der
Flip ein Sprite in Canvas
3 Antworten
Ich bin mit der Leinwand auf dem display einige sprites, und ich brauche, um ein flip horizontal (wahlweise Links oder rechts). Ich sehe keine Methode, das zu tun, mit drawImage jedoch. Hier mein entsprechender code: this.idleSprite =
Was ist der aktuelle Stand der Technik in HTML-Canvas-JavaScript-Bibliotheken und -Frameworks?
15 Antworten
Ich bin derzeit auf der Untersuchung von Optionen für die Arbeit mit der Leinwand in einem neuen HTML-5-Anwendung, und Frage mich, was ist der aktuelle Stand der Technik in HTML-canvas-JavaScript-Bibliotheken und frameworks? Insbesondere, gibt es Rahmenbedingungen, die
Können Sie mit Canvas einen "Screenshot" der Seite erstellen?
7 Antworten
Ich habe eine Seite, wo wir die Positionierung einer Reihe von Elementen mithilfe von CSS, und ändern Ihre "oben" und "Links" - Positionen mit JS. Habe ich berichtet, dass diese Dinge wurden falsch ausgerichtet, aber ein Benutzer
Verwenden Sie programmgesteuert RGBA-Werte in FillStyle in & lt; canvas & gt ;?
4 Antworten
Mit <canvas> möchte ich zum einstellen der RGBa-Wert des Rechtecks mit einer Variablen. Beispiel: ctx.fillStyle = "rgba(32, 45, 21, 0.3)"; funktioniert gut, aber verwenden Sie es mit einer variable: var r_a = 0.3; ctx.fillStyle = "rgba(32, 45,
IllegalArgumentException: Breite und Höhe müssen & gt; 0 beim Laden von Bitmap aus der Ansicht
5 Antworten
Ich versuche, zeichnen Sie auf ein ImageViewTouch, eine Bibliothek, die es ermöglicht, pinch-Zoom. Ich bin in der Lage, ziehen Sie über dem Bild mit Leinwand, aber wenn ich vergrößern Sie das Bild, die Zeichnung verschwindet. Dafür, ich
IE9 Unterstützung für HTML5-Canvas-Tag
5 Antworten
Ich versuche zu testen, die das canvas-tag, startete ich mit diesem code: <html> <canvas id="example" width="200" height="200"> This text is displayed if your browser does not support HTML5 Canvas. </canvas> </html> Im IE8 bekomme ich die Meldung:
WPF-Canvas, zum dynamischen Hinzufügen von Kindern mit MVVM-Code
2 Antworten
Voraussetzung: Zeichnen Sie ein Bitmap-Bild (1024 x 1024 Pixel) und Rechteck(s), basierend auf der Sammlung von Punkten. Das Rechteck sollte genau auf die Pixel, die Position über dem Bild. Es gibt auch einen text Hinzugefügt werden müssen,
Warum ist putImageData so langsam?
3 Antworten
Ich arbeite mit einer relativ großen Leinwand, wo verschiedene (komplexe) Sachen angezogen. Dann möchte ich zum speichern der Leinwand " Zustand, so kann ich schnell zurücksetzen auf den Zustand, den es nun zu einem späteren Zeitpunkt. Ich
Wie skaliere ich ein imageData in HTML Canvas?
5 Antworten
Habe ich eine Leinwand in meiner Webseite, ich erstelle ein neues Bild Daten in diesem canvas ich dann verändern einige pixel durch myImgData.data - array. Nun würde ich gerne skalieren Sie das Bild und machen es
Berechne FPS in Canvas mit requestAnimationFrame
7 Antworten
Wie könnte ich die Berechnung der FPS einer Leinwand Spiel-Anwendung? Ich habe gesehen, einige Beispiele, aber keiner von Ihnen verwenden requestAnimationFrame, und im nicht sicher, wie Sie Sie anwenden können Ihre Lösungen. Das ist mein code: http://jsfiddle.net/WCKhH/
Wie können Sie die Höhe von Text in einem HTML-Zeichenbereich ermitteln?
18 Antworten
Spec hat einen Kontext.measureText(text) - Funktion, die Ihnen sagen, wie viel Breite, die es erfordern würde, um zu drucken, die text, aber ich kann nicht einen Weg finden, um herauszufinden, wie groß es ist. Ich weiß, es
Wie erstelle ich eine transparente Leinwand in HTML5?
6 Antworten
Wie kann ich eine Leinwand transparent? Ich muss, weil ich will, um zwei Leinwände übereinander. InformationsquelleAutor der Frage Urmelinho | 2011-01-27