Tag: canvas
Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.
Wie man das Canvas-clip, dessen Inhalt in Flex?
6 Antworten
Ziehe ich eine Linie auf einem Canvas-Objekt mit der moveTo-und lineTo-graphics-Methoden. Wenn das eine Ende der Linie liegt außerhalb des Canvas-Bereichs, der Linie heraus schwappt und gezeichnet wird, über oder unter anderen Elementen in der Anwendung. Wie
Einstellung Canvas-Bereich, um ein Steuerelement Vorlage?
2 Antworten
Habe ich eine Leinwand in einem ResourceDictionary-xaml-Datei, etwa so: <Canvas x:Key="Icon"> <Path ... /> <Path ... /> </Canvas> In meinem code-behind-ich laden Sie dieses Symbol mit LayoutGrid.Children.Add(FindResource("Icon") as Canvas); Und dies funktioniert gut. Jetzt möchte ich eine
Bessere Leinwand motion blur
2 Antworten
Es wurde vor der Frage, aber die akzeptierte Lösung funktioniert nicht für mich (buchstäblich, nichts verschwimmt für mich in der verlinkten demo), und es ist ein bisschen ein Durcheinander mit zwei canvas-Elemente. Ich bin derzeit mit der
Neu Fabric.js Leinwand und als Bild exportieren?
1 Antworten
Habe ich eine Leinwand, wo der Benutzer kann erstellen Sie ein design mit Hilfe von Bildern, die in einem anderen div dass Sie klicken Sie auf, senden Sie es an die Fabric.js Leinwand, wo wird es bewegt
THREE.js Renderer
2 Antworten
Kann mir jemand erklären, was ist der Unterschied zwischen three.js Renderer? Welches ist schneller? Die eine ist mehr standard-und cross-browser? Wie der svg-renderer und dom-renderer arbeiten? Ich habe anderes Ergebnis, wenn ich webGl statt der canvas-renderer für
Tkinter-canvas-zoom + verschieben/pan
1 Antworten
Tkinter-canvas-widget verfügt über integrierte Funktionen: bewegen/schwenken der Leinwand (zum Beispiel mit Klicken + Ziehen) mit canvas.scan_mark und canvas.scan_dragto finden Sie diese Frage zoom die Vektor-Elemente auf der Leinwand mit canvas.scale, aber leider diese funktioniert nicht für bitmap-Bilder
Android - Farbe gedrehten bitmap in einer bestimmten Position auf Leinwand
1 Antworten
Ok vielleicht bin ich etwas fehlt hier, aber ich bin stecken für Stunden. Ich mache eine app, wo der Benutzer Malt eine dimension-Linie über ein Bild. Jetzt möchte ich zu malen, auch einige Auswahl-Punkte, die zeigen, dass
Delphi - Zeichnung auf der Leinwand-von einer ausgewählten Zelle in einem string grid - möglich?
2 Antworten
Ich soll das zeichnen auf die canvas einer Zelle in einem string grid. Das wird oben auf ein Bild vorbelastet in die string-grid. , Was ich habe, Derzeit statt der Zeichnung oben auf dem Bild, ich bin
fabric.js - toDataURL zeigt leere Seite, wenn es ein Bild ist auf Leinwand
2 Antworten
Ich bin mit fabric.js für meine Leinwand-Anwendung, toDataURL Methode funktioniert einwandfrei, außer, wenn es ein Bild auf Leinwand. Wenn ich ein Bild auf eine Leinwand und nennen toDataURL es zeigt mir eine leere Seite. //When i call
konvertieren div einzelnes Bild mit canvas-javascript-css
1 Antworten
Ich versuche zu konvertieren, Inhalt div unten, um ein einzelnes Bild herunterladbaren Wie ist das Stück mit der Plane oder anderen code nach der Konvertierung anzeigen Download Image-Taste wie ich es mache CSS: #content{ position: absolute; width:
Leinwand Bilder und Klicken Sie auf Ereignis
5 Antworten
Ich habe derzeit zwei Kreise in einer <canvas> tag mit HTML5 & JavaScript. Nun versuche ich ein Bild hinzufügen (done), dass Veränderungen basierend auf mouse-over und Klick. Es ist im Grunde eine Implementierung eines play /pause-Taste mit
Schlechte Qualität von Bildern im png-Format gezogen, in html-canvas
1 Antworten
Ich versuche zu zeichnen, das png-Bild in den canvas-Bereich, aber die Qualität ist wirklich schlecht. Ich mache das mit der Methode drawImage-Methode: src = folder+self.cur+".png"; imageObj.src = src; imageObj.onload = function() { context.clearRect(0, 0, cv, ch), context.drawImage(imageObj,
viele canvas Objekte führen "InvalidStateError: es wurde versucht, ein Objekt zu verwenden, das nicht, oder nicht mehr nutzbar"
2 Antworten
Versuchen, zu verwalten 10.000 einfache Formen, die auf eine <canvas> ich experimentierte mit Zwischenspeichern als Ersatz für das Neuzeichnen. Sehr zu meiner überraschung: Mit ImageData und canvas.{get|put}Image scheint furchtbar langsam. Caching-Muster mit canvas.createPattern ist fast so schnell
zeichnen 10.000 Objekte auf Leinwand javascript
5 Antworten
Muss ich ziehen über 10.000 Bilder (32x32 px) auf der Leinwand aber über 2000 zieht der Vorstellungen ist sehr schlecht. dies ist ein kleines Beispiel: Objekt-Struktur {position:0} for(var nObject = 0; nObject < objects.length; nObject++){ ctx.save(); ctx.translate(coords.x,coords.y);
speichern eines html5-canvas-Bild in höherer Auflösung
2 Antworten
Ich bin erstellen einer Website, die ermöglicht dem Benutzer das erstellen einer Szene mittels HTML5 und dem canvas-element. Ich wollte mit KinecticJS für diese, und es sieht gut aus. Aber ich habe ein Problem, ich bin wirklich
Ist es möglich, zu erkennen, samsung stock browser
4 Antworten
Weil die Leinwand-bug der samsung stock browser, mein Programm wird Fehler verursachen. (http://code.google.com/p/android/issues/detail?id=39247) So, ich möchte deaktivieren Sie die Leinwand, auf alle Samsung stock browser. Konnte ich erkennen, es durch das navigator-Objekt oder andere Weise? Fand ich
Wie center-canvas-javascript?
3 Antworten
Ich habe Probleme versuchen, herauszufinden, wie um die Mitte der Leinwand in die Seite. Der canvas-code ist in der javascript-Datei. Hier ist der html-Code für die Seite. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Game Tut</title> </head> <body>
Verständnis Android-Leinwand.saveLayer(...)
1 Antworten
Ich hoffe, die saveLayer Methoden, die es mir ermöglichen, zu tun, ziehen auf verschiedenen "Ebenen" und dann, sobald die Zeichnung fertig ist, verschmelzen die Ebenen im canvas-Bereich, in welcher Reihenfolge ich wählen. Die offensichtliche Frage "warum spielst
HTML5-canvas-Bild-caching/putImageData Fragen
2 Antworten
Ich bin mit dem HTML5 canvas-Element zum laden einer einzigen Instanz, ein Bild, das ich dann blit mehrfach auf einer einzigen Leinwand. Das Bild braucht einige leichte pixel-basierte manipulation, um zu anpassen. Meine ersten plan des Angriffs
Wie dynamisch der Größe anpassen und zentrieren einer Flash-CreateJS-canvas-element animation
5 Antworten
Habe ich einige ähnliche Fragen hier, aber nicht eigentlich, was ich wissen muss! Ich bin mit Flash CS6 und zur Ausgabe eines CreateJS-framework animation statt der regulären .swf-Dateien. Wenn Sie "veröffentlichen" aus, innerhalb der API (Flash) generiert
Wie zu zeichnen auf Leinwand von SurfaceView?
1 Antworten
Ich versuche zu tun, einfache Maler. Das problem, dass es aussieht wie Android verfügt über drei unabhängige Canvas-Bereich und geben Sie mir es zum zeichnen der Reihe nach. Ich aus UI mit SurfaceView, nahm Halter von ihm.
html2canvas javascript screenshot und hochladen
3 Antworten
Würde es möglich sein, mit html2canvas ( Diese) , um ein Bild von dem Bildschirm des Benutzers, sondern auch das Bild hochzuladen, bekommen Sie den upload-link und senden Sie es mit ajax auf dem webserver? wenn ja,
Holen Sie sich die aktuellen Koordinaten, die von einem Element auf einem Canvas-widget ist angesichts seiner Artikel behandeln?
1 Antworten
Vom Lesen der Doku (http://effbot.org/tkinterbook/canvas.htm#reference), es scheint nicht, um mir einen Weg, dies zu tun. Wollte nur sichergehen, dass ich hatte nicht einen Fehler gemacht. (I. e. man hätte intern speichern der Koordinaten der verschiedenen Elemente in
HTML5-Canvas-Objekt bewegen
2 Antworten
Ich habe 2 Leinwand erstellt, auf der gleichen Leinwand. Ist es möglich, ziehen Sie den kleinen schwarzen Rum? Ich will es machen ziehbar, aber ich finde keine online-tutorial oder demo auf dieser. Ist es möglich? Ich sah
Kündigen einzelne Bild Anfrage in html5-Browsern
4 Antworten
Ich bin laden (große) Bilder dynamisch zu zeichnen, in ein html5 canvas-Element, so etwas wie dieses: var t = new Image(); t.onload = ... t.src = 'http://myurl'; Aber jeder einmal in eine Weile möchte Abbrechen die Bild
Wie Sie wissen, die Größe eines Textes, wenn Sie mit Leinwand.drawText()
3 Antworten
Ich bin mit der Leinwand.drawText() zum schreiben von text auf eine benutzerdefinierte Ansicht. Ich möchte hinzufügen eine hintergrund-9-patch drawable hinter dem text, so brauche ich, um zu wissen, die Grenzen des Textes gezogen. Der text ist vom
Zeichnung einer hohlen Kreis, ohne eine Grenze
1 Antworten
Hat jemand Erfahrung auf der Zeichnung ein hohler Kreis mit Pixi?, mein Aktueller Ansatz funktioniert nur in der WebGL-renderer, die macht mich denken, es ist fehlerhaft, und ich brauche auch fallback auf die andere gerendert für andere
Zeichnen Sie ein Teil von einem Bild im html5-canvas
2 Antworten
Ich versuche zu zeichnen, die ersten Grünen tank in meine Leinwand aber ich glaube, ich bin etwas fehlt in meinem code jsfiddle: draw: function () { tankImg.onload = function () { ctx.drawImage(tankImg, this.Pos * this.w, 0, this.w,
Bringen Objekt in den Vorder-und canvas
2 Antworten
Ich versuche es mal mit nur einem <canvas> element 1 : schneiden Sie ein Bild 2 : um eine weitere Rechteck Aber Wie bringen Sie das Rechteck auf der Vorderseite ? var canvas = document.getElementById('example'); var ctx
wie zum drehen um einen bestimmten Punkt in fabric.js?
2 Antworten
Konnte niemand wissen, wie sich zu drehen um einen bestimmten Punkt in fabric.js? Zum Beispiel, var line1 = new fabric.Line([70, 20, 70, 100], { stroke: "#000000", strokeWidth: 6 }); Möchte ich, um es zu drehen, basierend auf
Wie verwenden von Canvas als ItemsPanel für ein ItemsControl, die in Silverlight 3
4 Antworten
Ich versuche, legen Sie die Leinwand-Eigenschaften in einem ItemsControl DataTemplate mit Silverlight 3. Nach dieser Beitrag, der einzige Weg, dies zu tun ist, um es mit dem ItemsContainerStyle für den ContentPresenter geben, da die Leinwand Eigenschaften wirken
Wie Sie am besten überlagerung einer Leinwand auf einem Bild?
1 Antworten
Ich würde gerne eine Leinwand, auf einem Bild, dass ich auf einer Seite. Die Leinwand wird sein, die genauen Abmessungen des Bildes. Jedoch, müssen die folgenden Bedingungen erfüllt sein: Der Leinwand bleiben muss genau oben auf dem
Wie dynamisch geladen, interne xaml in Silverlight 3 runtime?
2 Antworten
Habe ich ein paar internen Leinwand xaml-Dateien die ich laden möchte dynamisch zur Laufzeit. Zum Beispiel möchte ich die Anzeige der Leinwand in einer Seite. Aber ich kann nicht scheinen, um es zu arbeiten. Ich habe versucht,
Python tkinter speichern Sie die Leinwand als postscript zu pdf hinzufügen
1 Antworten
Habe ich ein einfaches python-tkinter Programm paint (Benutzer verwenden Sie die Maus zum zeichnen auf dem canvas-Bereich). Mein Ziel ist, speichern Sie die endgültige Zeichnung und legen Sie Sie in eine pdf-Datei mit anderen Inhalten. Nachdem schaut
Finden häufigste Farbe von einem Bild
2 Antworten
Ich habe eine Reihe von Produkten auf einer Seite haben, 200x200 Bilder. Mein Erster Lauf in diesem wurde um die Daten für jedes pixel (geschachtelte for-Schleife, eine für x, eine für y), dann konvertieren rgb nach hex
HTML5, Bilder zu malen auf einer Leinwand mit einer for-Schleife?
3 Antworten
So, ich möchte einen minecraft-website-Thema mit HTML5. Ich bin ein bisschen wackelig in HTML5/Javascript(nicht verwendet haben es in eine Weile), und ich brauche etwas Hilfe. Ich bin versucht zu berechnen, eine Anzahl von 16x16px Fliesen können auf
Java repaint funktioniert nicht richtig
3 Antworten
ich den java repaint-Methode , die es aktualisiert, aber das update ist nur sichtbar, wenn ich entweder klicken Sie auf den canvas-Bereich oder die Größe des panel. Wie kann ich dieses Problem beheben ? Was bewirkt es?
HTML5-canvas: finden Sie heraus, wenn Sie koordiniert werden innerhalb eines gegebenen Rechtecks
5 Antworten
Kann jemand hat ähnliche Erfahrungen auf diesem dilemma und kann mir helfen hier... Grundsätzlich, ich habe ein canvas-element, auf dem ich zeichne mehrere Rechtecke in einer Schleife mit context.fillRect (x, y, width, height) Nun, ich möchte einige
DropZoneJS + JavascriptLoadImage: Bild drehen?
4 Antworten
Ich versuche zu kombinieren DropZoneJS (gefunden hier) und JavascriptLoadImage (gefunden hier) eine Lösung zu schaffen, wo ein Benutzer kann mit drag-drop eine Datei hochladen, und auf der Grundlage der EXIF-Metadaten-Informationen in das Bild, wird es drehen Sie
HTML5 Canvas-Bereich bewegt alpha-Maske
2 Antworten
Ich habe einen hintergrund, sagen wir, es ist grünes gras. Auf dem hintergrund habe ich ein Schwarzes overlay. Was möchte ich nun machen-das ist ein bewegliches Loch in der Schablone, so dass Sie sehen können, der hintergrund,
mouseover-Kreis HTML5-canvas
2 Antworten
Frage ich mich, wie man eine Fläche wie eine semi-komplexe Form (Kreis), definiert in der Leinwand, so, wenn der Benutzer die mouse-overs der Form, eine Funktion aufgerufen wird. Ich nicht verwenden wollen, Bibliotheken überhaupt wie KineticJS etc.
Rendern von html-canvas-Bilder in hoher Auflösung
1 Antworten
Ich bin auf der Suche um ein system zu schaffen wo die Nutzer ein Bild in die Leinwand, die in Ihrem browser (mit Hilfe von paper.js oder processing.js etc) und in der Lage sein zu drucken, die
Zeichnung auf Leinwand onDraw-Werke, Zeichnung onTouchEvent nicht
3 Antworten
Habe ich herumalbern mit 2D-Grafiken in der Android SDK, und ich habe Probleme mit dem, was sollte ein einfaches Beispiel. Gehe ich davon aus, dass ich nur etwas grundlegendes Missverständnis/basic. public class DrawView extends View { Paint
Effiziente 2D-Zeichnung in Android
2 Antworten
Den ich gesucht habe für ein paar Stunden und nicht in der Lage zu finden, eine präzise bestimmte andswer auf meine Frage. Ich habe eine Anwendung, wo ich zu ziehen, ein Sport-Spielfeld (einschließlich aller pitch-Linien) auf dem
Uncaught TypeError: Typ Fehler mit der Methode drawImage
2 Antworten
Ich bin neu in HTML5 und dem canvas-element und in den letzten Wochen habe ich versucht um es besser zu verstehen. Anyways, ich bin immer ein Uncaught TypeError: Type error wenn ich versuche mich zu ändern, das
Android Canvas.Kordelzug display problem
2 Antworten
Stoße ich auf dieses problem bei der Anzeige von text auf SurfaceView, einige chars kann man bis auf andere, code ist hier: private static void fakeDraw(Canvas c) { Paint mPaint = new Paint(); int color = 0xff000000;
machen canvas-height auto
2 Antworten
Habe ich die Leinwand <canvas id="canvas" width="1700" height="679" style="background-color:#ffffff;width:100%;overflow:hidden;margin-top: -7px;"></canvas> Es funktioniert auf Google chrome und firefox. Im ie allerdings kann Arbeit nur mit width:100%, aber nicht ändern, die Höhe (Höhe über 679) Ich versuche, Höhe zu
HTML5: Manuell "spielen" ein, das video in einer Leinwand, die in IOS-Safari
1 Antworten
So, hier ist, was ich versuche zu tun: Ich will laden Sie ein video in ein video-element, aber habe es nicht gespielt, in den "normalen" Weg. Mit einem festgelegten Intervall, berechnet nach dem Film die framerate, ich
hinzufügen von benutzerdefinierten Attributen zu fabricjs Objekt
4 Antworten
Im Versuch, ein benutzerdefiniertes Attribut hinzufügen zu einer fabric js-Objekt, das ich habe: var trimLine = new fabric.Rect({ width: Math.round(obj.box_dimensions.box.width,2), height: Math.round(obj.box_dimensions.box.height,2), strokeWidth: 1, stroke: 'rgb(255,2,2)', fill: '', selectable: false }); also das ist mein Rechteck im
HTML5-Canvas, shadowColor & shadowBlur
3 Antworten
Meine Frage ist in Bezug auf diese shadowBlur-Funktion verwendet, auf der 2. (äußere) Rechteck unten. Die shadowBlur Funktion wird angewendet, um jede Form nach dieses Rechteck. (Wenn Sie den Kommentar aus der shadowColor und shadowBlur Linien 21