Tag: canvas

Ich bin mit Intellij IDEA für die javafx-FXML-Entwicklung. Ich verwendete den folgenden code, um zu zeichnen Sie einfach ein Rechteck. Allerdings ist es nie auftauchte. Main.java public class Main extends Application { @Override public void start(Stage primaryStage)

Ich bin erstellen von Canvas (ich bin neu in diesem Canvas-Bereich), Objekt, Zylinder, dieser ist in Ordnung, Chrome & Firefox, aber wenn ich öffnen Sie die gleiche Datei in ie9. Ich bin immer Fehler wie 'requestAnimationFrame' ist

Gibt es eine Möglichkeit zu drucken, die Griechische Buchstaben auf einem HTML5-canvas? Ich habe versucht, mit der html-entity-Namen und die Anzahl, wie dies canvas2.cx.fillText("ξ", 50, 50); und canvas2.cx.fillText("ξ", 50, 50); aber es druckt nur, es buchstäblich aus,

paper.js EaselJS fabric.js KineticJS Hallo Jungs, ich bin neu in html5-canvas-Entwicklung, und ich bin verloren in der Wahl der canvas-frameworks. Es gibt so viele von Ihnen, dass ich kann nicht herausfinden, was zu verwenden. So, hier bin

Habe ich bisher mit Chrome, aber ich musste mein test-plugin mit Firefox. Ich versuche zu erfassen, das video-element und ziehen Sie es auf die Leinwand. In Chrome funktioniert alles einwandfrei, aber in Firefox bekomme ich diese lästige

ich versuche zu animieren, ein faux pixelige Karte der Welt, so dass es übergänge zwischen verschiedenen Farben sanft. ich originially Tat dies mit jquery und Tabellen, aber die cpu-Auslastung war sehr hoch, so dass ich dachte, ich

Ich bin versucht, laden Sie ein großes Leinwand-Bild (mehrere tausend Pixel in Höhe und Breite) auf der Klick auf eine Schaltfläche mit toBlob im folgenden code, die scheint nicht zu funktionieren: document.getElementById("download_button").onclick = function() { var link

Ich erstellt habe, fast 40 zu 60 button-Steuerelemente dynamisch auf Leinwand-Steuerung mit WPF. Jetzt will ich das entfernen der ausgewählten button-Steuerelement aus der Leinwand. Wie mache ich das. InformationsquelleAutor srinivas | 2009-11-13

Habe ich ein Bild, das der Benutzer zog auf einer Leinwand und ich wollen speichern Sie das Bild auf dem server. Diese Zeilen funktioniert gut auf meinem ipad, aber nicht auf meinem android(Version 2.3.3) browser: var testCanvas

Hier ist, was ich versuche zu tun: Bild A und Bild B. Bild B ist ein schwarz /weiß Bild mit der Maske. Ersetzen Bild Einen alpha-Kanal mit B Bild der rot-Kanal. Draw image C auf die Leinwand.

Möchte ich einen kleinen Teil davon aufnehmen eines canvas als bitmap. Ist das möglich? Dies ist so, dass ich es ersetzen können, nachdem ich zeichnen einer bitmap auf diesem Gebiet. Sobald ich fertig bin mit der bitmap,

Dem canvas-element leider nicht handhaben text gut. Es gibt eine Reihe von Ansätzen (siehe z.B. http://canvaspaint.org/blog/2006/12/rendering-text/ ), aber meistens scheinen, wie hacks. Was kann ich tun, die ist cross-Plattform und gibt mir die Flexibilität, um meine Schriften,

Wie aktiviere ich die hardware Beschleunigung für HTML5-canvas in der JavaScript? Oder ist es nicht möglich, in JavaScript? Ich erinnere mich, dass ich irgendwo gelesen, dass über das tun mit etwas CSS oder Webgl aber ich kann

Habe ich versucht viele verschiedene Ansätze von Beispielen rund um das web, aber ich kann nicht scheinen, um diese zu arbeiten. Ich bin versucht zu machen, eine Methode, die zieht eine geschwungene Linie zwischen 2 Punkten auf

On 3/2/11 Google veröffentlicht version 3.4 von Google Maps. Die neue version setzt auf die Leinwand zu schaffen, die Markierungen in Browsern, die es unterstützen. Ich möchte diese Funktion deaktivieren. Ist das möglich? Die schnelle Lösung ist,

Ich wollen, kopieren Sie das Bild in ein canvas (details) in einer anderen Leinwand. Die diskutierte Lösung für die Verwendung von bitmaps wird nicht funktionieren, da die Bitmap-Klasse hat nicht viele der wichtigen Methoden gehören zu der

Kämpfen um diese Arbeit zu arbeiten. Hier ist mein code: <canvas id="graphCanvas" ondrop="drop(event)" ondragover="allowDrop(event)" height=600 width=1000 style="border:1px solid #000000;"></canvas> <img id="img1" src="./images/arrow_up.svg" draggable="true" onmousedown="get_pos(event)" ondragstart="drag(event)"/> <script type="text/javascript"> function init() { var canvas = document.getElementById("graphCanvas"); var context =

Schaue ich RaphaelJS, D3, und anderen "mapping" - tools (jvectormap, etc), aber ich konnte keine finden Beispiel von einer Welt, Karte, Zoomen Sie in ein Land, das sich auf Mausklick. Ich möchte zunächst sehen Sie eine Weltkarte,

Ich versuche, laden Sie ein Bild in ein canvas-element und später ziehen Sie die Daten aus, die in toDataURL(). Habe ich meine Website läuft mit Ruby on Rails 2.3 Ich habe meine Bilder dienen von aws s3.

Muss ich anfügen, einige Maus-Ereignis auf einem der Bilder in meiner Leinwand. Ich hab das versucht, aber es ist immer noch doestn nicht funktionieren. var pointer = new Image(); pointer.src = "/img/line_point.png"; pointer.onload = function() { context.drawImage(pointer,

Ich versuche zu schreiben, ein canvas-element, das kann 'ziehen' mit der Maus und mobile (iOS/Android). hier ist meine bind-code: /- /Maus-basierte Schnittstelle $(Zeichnung.Leinwand).bind('mousedown', Zeichnung.drawStart); $(Zeichnung.Leinwand).bind('mousemove', Zeichnung.zeichnen); $(Zeichnung.Leinwand).bind('mouseup', Zeichnung.drawEnd); $('body').bind('mouseup', Zeichnung.drawEnd); $(Zeichnung.Leinwand).bind('touchstart', Zeichnung.drawStart); $(Zeichnung.Leinwand).bind('touchmove', Zeichnung.zeichnen); $(Zeichnung.Leinwand).bind('touchend', Zeichnung.drawEnd); Arbeitet

Habe ich ein Bild in meine html dass ich mit einer id: <img id={{idImage}} ng-src="http://localhost:3000/images/{{idImage}}"/> Habe ich in meinem Bereich einige Koordinate (x, y, w, h). In meinem controller: $scope.coordinate; Aber ich weiß nicht, wie zu zeichnen

Ich habe eine komplexe interaktive Grafik innerhalb eines SVG. Ich möchte die SVG in eine versteckte Leinwand, so kann ich es dem Benutzer erlauben, um die Ausgabe als png/pdf. test111.js erstellt div#forSVG und dann svg#svg-innerhalb (plus Kreise,

Weiß wer, der beste Weg, um klar eine Leinwand mit paper.js Ich habe versucht, die regelmäßige Leinwand clearing-Methoden, aber Sie scheinen nicht zu arbeiten mit paper.js Html <canvas id="myCanvas" style="background:url(images/graphpaper.jpg); background-repeat:no-repeat" height="400px" width="400px;"></canvas> <button class="btn btn-default button"

Ich verwende overlay-Bild auf meinem Fabric.js und es wird Hinzugefügt, wie hier: canvas.setOverlayImage('image.png', canvas.renderAll.bind(canvas)); Mein problem ist, dass ich nicht finden können, um die Methode zu entfernen Sie es von der Leinwand. Das entfernen von Objekten, die