Tag: canvas
Canvas ist ein generisches element für frei-form-Grafik-Ausgabe.
Stoff JS: Set X-Y-Koordinaten in Canvas-Bild | Set Position in Leinwand Bild
1 Antworten
Wie set X -, Y-Koordinaten in canvas-Bild? context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height); e.g: sx und sy im HTML-canvas drawImage () - Methode. Was ist ähnlich wie dies in fabric.js? Wie legen Sie position im Bild in Leinwand, Stoff js? InformationsquelleAutor Kavan
Können benutzen wir canvas.toDataURL auf IE7 und IE8?
2 Antworten
Ich bin mit toDataURL() - Methode eines canvas-Objekts. Es funktioniert nach dem IE9 und Chrome. Aber es ist nicht die Unterstützung für IE7 und IE8. Ich fand diesen link https://github.com/sampula/SVG.toDataURL/commit/9b59af148b7f14d41974cf318eed6f84c8c91062 Es erstreckt sich von SVG zu verwenden
Nicht erfasste InvalidStateError: es wurde versucht, ein Objekt zu verwenden, das nicht oder nicht mehr, usablee
1 Antworten
Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable. in dieser Zeile code ist es passiert: var nodeIconImg = new Image(); var nodeIcon = new Kinetic.Image({ image: nodeIconImg,
Wie soll ich erstellen eine ansprechende Leinwand mit createJs, um an verschiedenen mobile-Gerät die Bildschirme?
1 Antworten
Ich bei der Entwicklung einer html5-mobile-Spiel. Wie Sie wissen, die Bildschirme von mobilen Geräten sind unterschiedlich groß, so dass ich möchten, erstellen Sie eine ansprechende Leinwand, so dass es anpassen kann, anderen Bildschirm. InformationsquelleAutor Jospehus Chou |
HTML5-Canvas - Bild Hinzufügen auf die Maus klicken Sie auf die Maus-Koordinaten
2 Antworten
Okay Jungs, ich habe versucht, diese zu bekommen für die Stunden jetzt, ich kann nicht alles finden. Kann jemand geben Sie eine schnelle Skript, oder zeigen Sie mich in die Richtung, in der eine Anleitung dafür.. Ich
Client-oder server-Seite-HTML5-canvas-rendering, für eine node.js whiteboard-Anwendung?
3 Antworten
Dachte ich ein wenig whiteboard-web-app-das wäre ein schöner Weg, um zu verbessern meine node.js und JavaScript-Fähigkeiten. Ich habe ein paar gesehen auf der web, was sinnvoll ist, wie es scheint ideal für diese Art von Stapel. Nur
True Isometrische Projektion mit HTML5-Canvas
2 Antworten
Ich bin ein Neuling mit dem HTML5-Canvas und JavaScript, aber gibt es eine einfache Möglichkeit zu haben, Isometrische Projektion in HTML5-Canvas-element? Ich meine die wahre isometrische Projektion - http://en.wikipedia.org/wiki/Isometric_projection Dank für alle Antworten ist. InformationsquelleAutor gma |
HTML-crossorigin-Attribut für img-tag
1 Antworten
Ich versuche zu verstehen, wie die crossorigin-Attribut für das img-tag. Ich konnte Sie nicht finden, ein gutes Beispiel (die, Die ich gefunden über CORS aktiviert Bildern erläutert werden, die mit JavaScript-codes, daher konnte ich nicht sehen, die
Generieren von HTML-Canvas-Bilddaten-server-Seite?
1 Antworten
Den Titel dieser Frage ist möglicherweise etwas irreführend, aber ich bin mir nicht sicher, was der beste Titel wäre (da kann ich nicht erraten, doch eine Lösung). Grundsätzlich ist das system ich bin die Entwicklung stützt sich
Transparenz eine gefüllte Kontur in HTML5
3 Antworten
Arbeite ich an einem doodlen app in HTML5 und ich würde gerne eine Art von Eimer-Funktion. Die Idee ist, einen Pfad zu zeichnen und es wird geschlossen und gefüllt mit der gewählten Farbe (die Farbe des Strichs).
Größe dynamisch die pixi-Bühne und seinen Inhalt im Fenster ändern der Größe und laden-Fenster
3 Antworten
Ich versuche, die Größe dynamisch die pixi-Bühne (Leinwand und Inhalt) auf Fenster Größe ändern. Und die haben es auch zunächst laden Sie sich die Größe des browser-Fensters ohne änderung-Verhältnis. Ich bin mit dem folgenden, um die anfängliche
Leinwand-Tutorial / Referenz
0 Antworten
Kann jemand bitte mir eine umfassende tutorial auf Leinwand, die deckt alle Eigenschaften /Funktionen? Ich brauche auch eine eindeutige Referenz auf Leinwand - so etwas wie w3schools Ein weiteres tutorial (um nicht zu sagen umfassende, wenn auch),
Wie man einen screenshot von einer Webseite mit Javascript
2 Antworten
Mich bannen zu müssen die aktuell aktiven web-Seite als screenshot. Ich habe bereits versucht html2canvas & GrabzIt aber das problem ist, dass ich noch eine genaue Abbildung von der Seite, ich bin auf derzeit. Der Grund, warum
Wie zeichnet man eine TextView in eine Bitmap (ohne jemals gezeichnet wird, auf der Anzeige)
1 Antworten
Viele Beiträge gefunden, nach dem Thema "screenshot eine TextView in eine Bitmap". Gut, der Unterschied zu meinem problem ist, dass zuerst die Ansicht für die Darstellung auf der Anzeige (mit allen layouten und Messung der Arbeit, die
HTML5 - Erstellung einer Ansicht für die Leinwand
0 Antworten
Ich habe ein 2D-array, 30 über, 20 nach unten. Allerdings ist der viewport nur Malt über 15 und 10 nach unten. Ich hatte ein Spiel wie ursprünglich und ich habe versucht, etwas zu erreichen, wie diese: Hier
HTMLCanvas 'getContext' ist keine unterstützte Eigenschaft oder Methode nicht
4 Antworten
Ich habe gerade lauched ist ein HTML5-Spiel-Anwendung, und ich bekomme immer wieder 'Objekt unterstützt keine Eigenschaft oder Methode " getContext' Fehler-logs von einigen meiner Nutzer. Mein setup nur Benutzer mit Chrome (16<), Firefox (9<) oder IE (9<),
Wie zu verwenden Fabric.js so speichern Sie ein Bild als ein Bild
4 Antworten
Habe ich eine Fabric.js Prototyp, wo die Leute laden können Fotos, text und Karten in den canvas-Bereich. Wenn Sie fertig sind, möchte ich Ihnen speichern zu können, die Leinwand wie ein Bild. Ich habe versucht, mit dem
Wie tun Sie einfach, um ein array von Pixeldaten aus einem Bild?
1 Antworten
Danke Euch allen für die Beantwortung. Ich hätte mehr spezifisch mit meiner Frage. Ich schaute auf eine Reihe von Beispielen, aber hier ist die von W3 Schools (danke @Pointy für den Hinweis, dass dies nicht eine Quelle
Zeigen Sie ein Bild an .tiff-oder .tif
2 Antworten
Nicht, wie Sie dies tun Prozess und angehört, aber nicht erreicht, wenn ich helfen kann. Sonde, was ging so etwas wie dieses: var reader = new FileReader(); reader.onload = function(event) { var dataUri = event.target.result, context =
Konvertieren von Daten-URI für Bild-Daten
2 Antworten
/** * Converts data URI in 'image/png' format to an image data object * @param dataURL Base64 encoded string * @returns {ImageData/undefined} */ convertDataURLToImageData: function (dataURL) { if (dataURL !== undefined && dataURL !== null) { var
Glatte Benutzer gezeichnete Linien in Leinwand
5 Antworten
Ich bin mit <canvas> zum erfassen von Benutzereingaben in form einer Signatur und versuche herauszufinden, wie glatt der Eingabe von der Maus. Ich glaube, ich brauche zum verarbeiten der Benutzer die Maus-Bewegungen werden chunk für chunk und
Beste Weg, zu maskieren Sie ein Bild in HTML5
4 Antworten
Ich Frage mich, was ist der beste Weg, zu maskieren von Bildern in HTML 5 ? In der Tat würde ich mag, um anzuzeigen, Kreis thumbnails in einer Galerie, ohne dass mein client mit der Vorbereitung der
Canvas drawImage() funktioniert nicht
3 Antworten
Dieser Javascript-code Verlosung Teil des Bildes auf der Leinwand: var img = document.getElementById('img'); var canvas = document.getElementById('can'); //canvas.width = img.width; //canvas.height = img.height; var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); Aber wenn ich die Auskommentierung der Mitte
Speichern Sie die HTML-5 canvas-Bereich, um eine Datei in Chrome?
3 Antworten
Speichern PNG (etc.) Arbeit in diese demo in Firefox aber nicht in Chrome. Umwandeln in PNG (etc.) in Firefox und Chrome. Gibt es eine Möglichkeit, *in Chrom* speichern Sie ein Bild von einem canvas-element in einer lokalen
Die Kombination von zwei Bildern auf eine Leinwand in HTML5
1 Antworten
Arbeite ich mit dem HTML5-canvas-element. Sagen wir, ich habe 2 Bilddaten Objekte, die ich will, zu kombinieren, um in der Lage sein, auf einer Leinwand. Nehmen wir an, dass I don ' T care, wie Sie diese
Wie zu erkennen, wenn sich ein shape auf das geklickt wurde (HTML5-canvas)?
2 Antworten
Ich bin zeichnen von verschiedenen Formen wie Rechteck, Dreieck, Sechseck etc. mit der Leinwand und lineTo Methode wie in diesen blog. Ich möchte nur einen einfachen Weg zu finden, wenn ich klickte innerhalb einer Form. Ich kann
THREE.js: Cross-origin-image laden verweigert, um Cross-Origin Resource Sharing policy
5 Antworten
Meine Chrome version 31.0.1650.57 Ich bin lernen THREE.js und Download planet der Probe aus https://github.com/jeromeetienne/threex.planets/ Aber wenn ich das earth.html einen seltsamen Fehler passiert, wie der Titel sagt: THREE.WebGLRenderer 59 three.min.js:424 Cross-origin image load denied by Cross-Origin
fabric.js Größe Leinwand auf den Bildschirm passt
2 Antworten
Ich bin derzeit auf der Entwicklung einer Anwendung auf einem mobilen Gerät (android und iPhone) mit ionic und cordova. Ich möchte ein Bild zu Bearbeiten. Ich benutze fabric.js Bibliothek zu tun. Fabric.js konvertiert ein Bild und andere
Motion jpeg-Dateien in html5-canvas
2 Antworten
Ich versuche zu wickeln, motion jpeg (mjpeg) stream (webcam) in html5 canvas. Ich weiß, Safari und Chrome haben native Unterstützung für mjpeg, so dass ich es in img machen, damit es funktioniert. Der Grund, warum ich wollen,
Automatisch die Größe von Ebenen, um Fit Canvas - Photoshop
4 Antworten
Ich bin nicht sicher, es ist eine richtige Ort, um zu bitten, eine photoshop-Frage oder nicht. Jeder eine, wenn die Antwort wird gut sein für mich. Ich habe fertig, die Gestaltung einer PSD mit Leinwand Größe Breite
Warum tut Leinwand putImageData nicht funktionieren, wenn ich angeben Zielort?
2 Antworten
Versuchen, die Dokumentation für den Canvas-Kontext ist putImageData () - Methode, die ich gefunden habe, Dinge wie diese: Kontext.putImageData(imgData,x,y,dirtyX,dirtyY,dirtyWidth,dirtyHeight); (aus http://www.w3schools.com/tags/canvas_putimagedata.asp) Entsprechend der Dokumentation habe ich gelesen, dass x und y einen index in der Quelle Bild,
Canvas Fingerprinting auf Chrome
1 Antworten
Ich habe experimentiert mit Canvas Fingerprinting eine weitere Ebene der Benutzer-Identifikation für meine Datenbank... Es ist eine Ebene, die ich weiß, ein erfahrener hacker umgehen kann, da der Fingerabdruck wird erstellt, client-Seite, aber, hey, die mehr Sicherheit
Anzeigen ein <div> ein <canvas>
5 Antworten
Das problem besteht sowohl in Firefox und Chrome, ist, dass ich ein Bild mit einem einfarbigen hintergrund, und ein div mit einer Hintergrundfarbe/Bild. Das div-Element mit margin-up über die Leinwand. Das div wird nicht angezeigt, der über
Anwendung Bild Filter zu Leinwand Bild-Daten oder JavaScript
4 Antworten
Ich bin Flash-Entwickler und arbeite ich auf ein JavaScript-port von einem Spiel. In der Flash-version, ich benutze glühen, blur und color-matrix-Filter zu manipulieren, um den Schein der display-Objekte. Ich möchte das gleiche zu tun mit meinem JavaScript-Ansicht.
Ist putImageData schneller als drawImage?
2 Antworten
Ich denke putImageData ist schneller als die Methode drawImage, aber ich brauche, um es zu beweisen. Ich denke, es ist der gleiche Fall wie mit Flash und seine Bitmap-und BitmapData-Klassen. Grundsätzlich BitmapData ermöglicht eine nicht-visuelle Extraktion der
Was ist die Oberfläche.blit () - Funktion in pygame? Was tut es? Wie funktioniert es?
1 Antworten
Ich bin ein Anfänger in Python und ich bin nicht klar über die Funktion surface.blit(). Was tut es? Wie funktioniert es? Ich bin gekommen, über die folgenden Punkte zu, wie um es zu schaffen. Erstellen Sie ein
html2canvas Fehler: nicht abgefangener Fehler: IndexSizeError: DOM Exception 1
4 Antworten
Ich bin mit html2canvas konvertieren ein div auf einer Leinwand. Wie diese: <script src="js/libs/jquery-1.7.1.min.js"></script> <script src="js/libs/jquery-ui-1.8.17.custom.min.js"></script> <script src="js/html2canvas/html2canvas.js"></script> ... <body id="body"> <div id="demo"> ... </div> </body> <script> $('#demo').html2canvas({ onrendered: function( canvas ) { var img = canvas.toDataURL()
Kopieren und zuschneiden von Bildern in Javascript
4 Antworten
Ich versuche zum erstellen eines kleinen 2D-Spiels in Javascript/Canvas, die aus mehreren animierten sprites. Ich würde gerne reduzieren auf die Anzahl der HTTP-requests, also kombinierte ich jeden frame der animation (32px von 32px) in ein Bild pro
Reset Leinwand und laden mit JSON in Fabric.js
1 Antworten
Ich bin etwas zu bauen wie die kitchensink Beispiel, außer, dass ich in der Lage sein müssen, mehrere Ansichten. http://fabricjs.com/kitchensink Visitenkarte: Vorder-und Rückseite Beim Bearbeiten Speichere ich die JSON-periodisch. Wenn Sie möchten, Bearbeiten Sie die zurück, ohne
Javascript - Können nicht Einstellen, FrameRate - requestanimationframe
7 Antworten
Starte ich die Schleife function gameLoop(){ update(); draw(); requestAnimFrame(gameLoop); } var requestAnimFrame = window.requestAnimationFrame || window.webkitRequestAnimationFrame || window.mozRequestAnimationFrame || window.oRequestAnimationFrame || window.msRequestAnimationFrame || function(callback) { window.setTimeout(callback, 1000 / 1); }; Kann ich nicht einstellen, die frame-rate. Es
Wie zu Holen ein remote-Bild-Darstellung im canvas-Bereich?
5 Antworten
Wie kann ich abrufen von Bildern von einem server? Habe ich dieses Stück code, das mir ermöglicht, zu zeichnen einige Bilder auf einer Leinwand. <html> <head> <script type="text/javascript"> function draw(){ var canvas = document.getElementById('canv'); var ctx =
HTML-canvas mit scrollbar
1 Antworten
Ich bin zeichnen von Graphen auf Leinwände, die große ungleiche breiten. Ist es möglich, für jede Leinwand eine eigene scrollbar? Ich versuchte, alle die Leinwände in einem div und geben Sie eine max-Breite, aber es hat nicht
WPF - Center-Steuerelement (label) in Leinwand
1 Antworten
Grüße Ich bin versucht zu reparieren, die Positionierung der Bedienelemente in meiner WPF-Anwendung. In meiner Anwendung habe ich mehrere Etiketten, die jeweils in einer anderen Leinwand. Ich bin versucht zu zentrieren, das label innerhalb der Leinwand. Der
HTML-Slider-element?
4 Antworten
Ich bin der Codierung eine app, die (vorübergehend bis hier), und ich möchte, um seine Parameter geändert werden. Ich fühle mich der beste Weg, dies zu tun wäre mit Ihrem standard-GUI-slider-Elemente (a la diese, aber nicht so
HTML5 responsive Leinwand: die Größe des browser-canvas zeichnen Sie verschwinden
7 Antworten
Möchte ich eine ansprechende Leinwand mit der Größe in Prozent und einmal Benutzer die Größenänderung des Fensters die Leinwand anpassen, relativ. Ich bin in der Lage zu skalieren, die Leinwand von unten mit code, aber das einzige
Wie zur Leinwand zu machen Resizable in javaFX?
5 Antworten
In javaFX, um die Größe einer Leinwand gibt es keine solche Methode zu tun, die einzige Lösung ist, erstreckt sich von der Leinwand. class ResizableCanvas extends Canvas { public ResizableCanvas() { //Redraw canvas when size changes. widthProperty().addListener(evt
Diagramm aus chart.js pdf
2 Antworten
Ich habe gesehen, dass viele Beiträge die beschreiben, wie Sie verwenden können chart.js erstellen Sie ein Diagramm mit canvas und speichern Sie dann die canvas png und importieren Sie es in ein pdf. Das ist in Ordnung,
Hat HTML5-Canvas-pixel-Größe hängt von der Größe des Grafikbereichs?
2 Antworten
Ich bin zeichnen von einfachen Linien mit dem HTML5-canvas: context = $('canvas')[0].getContext('2d'); context.moveTo(150, 20); context.lineTo(300, 20); context.stroke(); Wenn meine Leinwand CSS-änderungen aus: canvas { width: 500px; height: 500px; } zu canvas { width: 1000px; height: 1000px; }
html-canvas-Schatten angewendet wird, um alles
3 Antworten
Wenn Sie definieren ein Schatten, der EINMAL an, dann gilt es für alle "Grafiken" auf der Leinwand von da nach (das ist, was es tun soll). Beispiel: http://flanvas.com/development/flanvas/test.html Kennt jemand best practice schalten Sie die Schatten aus,
First-person-simulation mit three.js mit der Tastatur Pfeile
3 Antworten
Für meine Quelle, besuchen http://jsfiddle.net/fYtwf/ Hintergrund Habe ich eine einfache 3d-simulation mit three.js wo die Kamera ist umgeben in 3 Dimensionen Würfel schneiden. Diese Würfel sind zu helfen, zu visualisieren, wo die Kamera schaut, bis der Blick