Tag: canvas
Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.
1
Antworten
Haben das folgende Problem: Versucht Unterklasse Stoff.Gruppe: var CustomGroup = fabric.util.createClass(fabric.Group, { type : 'customGroup', initialize : function(objects, options) { options || ( options = { }); this.callSuper('initialize', objects, options); this.set('customAttribute', options.customAttribute || 'undefinedCustomAttribute'); }, toObject :
1
Antworten
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)
5
Antworten
Wie könnte ich zeichnen Sie eine quadratische Kurve oder eine trigonometrische Kurve (wie sin(x)) auf eine Canvas? InformationsquelleAutor Mohit Deshpande | 2011-03-17
1
Antworten
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
2
Antworten
Ich bin dabei einige Tests auf das laden von Bildern in Leinwand, und bin mit einem privat gehosteten Bild auf unserer aws-cdn. Dieses cdn ist ein CORS-Richtlinie, die es mir erlaubt, laden Sie das Bild in den
3
Antworten
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,
3
Antworten
Ich Schreibe eine app, die würde zulassen, dass Benutzer laden PNG&JSON-Dateien und speichern Sie Sie. Wie könnte ich es dem Benutzer zum öffnen und speichern solche Dateien? Ich möchte nicht schreiben, bis ein echo-server für die Bilder.
1
Antworten
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
4
Antworten
Ich bin mit dem Raphaël-JavaScript-Bibliothek zum erstellen von SVG-Elemente in einer HTML-Seite und die Verwendung von CodeIgniter als PHP-framework. In dem CodeIgniter framework-ich muss noch ein <base> - tag im Kopf des HTML-Dokuments zu verwenden, JS,CSS und
1
Antworten
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
1
Antworten
Ich etwas, das aussieht wie die Farbe in Delphi. Ich fand, wie man zoom-Funktion: procedure SetCanvasZoomFactor(Canvas: TCanvas; AZoomFactor: Integer); var i: Integer; begin if AZoomFactor = 100 then SetMapMode(Canvas.Handle, MM_TEXT) else begin SetMapMode(Canvas.Handle, MM_ISOTROPIC); SetWindowExtEx(Canvas.Handle, AZoomFactor, AZoomFactor,
1
Antworten
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
1
Antworten
Bitte haben Sie einen Blick diese demo mit beiden WebGL aktiviert und deaktiviert. Beim wechseln zwischen WebGL und canvas Rendern (dies geschieht automatisch als javascript erkennen, ob Sie WebGL oder nicht) die wireframe-only-Bereich (das erste auf der
2
Antworten
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
5
Antworten
Ich bin Zeichnung n Rechtecke auf eine Leinwand. Die Rechtecke sind ziehbar und skalierbar. Ich möchte verhindern, dass Sie überlappen oder schneiden. Der beste Fall ist, wenn Sie nur snap auf einander. Ich herausgefunden zu überprüfen, um
4
Antworten
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
2
Antworten
wie zu machen, dass der text vertikal geschrieben? wie dreht den text um 90 Grad? Schreiben Sie jeden Buchstaben einzeln, das ist doof, aber jetzt ,ich weiß nicht, einen anderen Weg. Paint paint = new Paint(); public
3
Antworten
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
1
Antworten
Ich bin zeichnen Sie ein Bild auf eine Leinwand mit einem weißen hintergrund Farbe. Ich will zeichnen Sie einen Rahmen um die Leinwand und ich bin nicht in der Lage, dies zu tun. Hier ist mein code:
2
Antworten
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.
2
Antworten
Hat jemand implementiert eine flood fill-Algorithmus in javascript für die Verwendung mit HTML Canvas? Meine Anforderungen sind einfach: Hochwasser mit einer einzigen Farbe, ausgehend von einem einzigen Punkt aus, wo die Grenze der Farbe ist eine beliebige
3
Antworten
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,
3
Antworten
Habe ich eine vertikale Linie und eine horizontale, die ich möchte zu der Größe, wenn ich dynamisch die Größe meiner Leinwand Elternteil. (Grenzstein) ich würde gerne die horizontale Linie immer 25 Weg von den linken und rechten
2
Antworten
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,
3
Antworten
Ich versuche, um overlay-Bilder auf ein canvas-Bereich mithilfe der folgenden Methode: private Bitmap overlay(Bitmap bmp1, Bitmap bmp2) { bmOverlay = Bitmap.createBitmap(70, 70, Bitmap.Config.RGB_565); canvas = new Canvas(bmOverlay); canvas.drawBitmap(bmp1, 0, 0, null); //line 179 canvas.drawBitmap(bmp2, 0, 0, null);
3
Antworten
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
2
Antworten
Ziemlich einfaches Konzept, aber es scheint nicht zu funktionieren. Hier ist mein code: stage.clear(); stage.update(); Einfache Sache-nichts passiert. Die docs sind nicht helfen. InformationsquelleAutor skandocious | 2012-10-24
3
Antworten
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
1
Antworten
Bin ich in Probleme laufen, wenn Sie versuchen, zeichnen Sie ein großes 2D-array von Bildern auf eine Leinwand. Mit einem separaten Programm, ich nehme eine große image-Datei und bricht es bis kleinere, gleichmäßige Stücke. Ich bin mit
1
Antworten
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,
3
Antworten
Will ich neigen ein Bild wie dieses, welche params muss ich einstellen für den Zusammenhang.setTransform? Wurden bereits beantwortet stackoverflow.com/questions/5293736/css3-transform-skew es ist die andere Weise, aber es ist die gleiche jsfiddle.net/rudiedirkx/349x9 es ist nicht im Canvas-Bereich. Guter Punkt,
1
Antworten
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
3
Antworten
Ich versuche zur Skalierung eines Bildes mit der centeredScaling: true option beim einrichten der Image-Instanz. Ich habe Circle-Objekt, das eine "auf" ein regler, der soll die Waage. Hier ist das Beispiel: http://jsfiddle.net/hellatan/tk1qs8ty/ Ein paar Dinge: 1. es
1
Antworten
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 =
2
Antworten
Ich zeichnen möchte, viele geo-Punkte mit Packungsbeilage. Deshalb will ich mit HTML5 canvas, um die performance zu verbessern. Meine datasoure ist geoJSON. Als ich sah, wie in der Dokumentation des Flugblattes, es ist nicht möglich, zu zeichnen
4
Antworten
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,
2
Antworten
Ich versuche, zu speichern Sie alle Inhalte in anderen Seite zu Bild. Ich habe entdecken Sie die Möglichkeit, dies zu tun, so dass ich denke, dass ich brauchen, um zu konvertieren, dass die Seite, auf Leinwand. So,
2
Antworten
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.
2
Antworten
In Canvas/HTML5, ich weiß, Sie verwenden können, RGBA-die Farb-und alpha-Transparenz für fillStyle oder strokeStyle. Sie können auch nur RGB-Farbe ohne alpha-Kanal. gibt es eine Möglichkeit, Sie können ändern Sie den alpha-Wert eines Elements, ohne auch liefert die
5
Antworten
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,
1
Antworten
Baue ich ein jQuery-plugin, das Wasserzeichen Bilder (und ja, ich bin mir bewusst, das multitudinal Nachteile einer javascript - /html5-Wasserzeichen-system, aber einfach ignorieren, dass für jetzt.) Die grundlegende Methode für jedes Bild: fügen Sie das Bild in
1
Antworten
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
2
Antworten
Wollte ich das kombinieren von Bildern aus unterschiedlichen Leinwände (überlagert auf der jeweils anderen mit z-index) zu exportieren, als ein einziges Bild. Ist das möglich? möglich, Duplikat der Wie kann ich sparen, div als Bild auf der
1
Antworten
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
2
Antworten
Hallo ich brauche, um die Daten des Formulars eingereicht werden, zusammen mit den canvas-Bild. Verwenden Sie dann das Formular Daten zu dem Namen speichern der Datei auf dem server. Ich bin nur der Griff zu bekommen mit
2
Antworten
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,
1
Antworten
Habe ich erstellt Actionbar für meine app mit viewpager und es funktioniert einwandfrei. Jetzt will ich ziehen einige Objekte auf jedem fragment. Kann jemand empfehlen ein gutes tutorial oder Beispielcode, wie das zeichnen auf fragment. Ich kann
4
Antworten
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"
4
Antworten
In html5, wenn Sie beim zeichnen auf eine Leinwand, mit putImageData(), wenn einige der Pixel, die Sie zeichnen, sind transparent oder semi-transparent), wie halten Sie alt Pixel im canvas-Bereich unberührt? Beispiel: var imgData = context.createImageData(30,30); for(var i=0;
4
Antworten
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