Tag: Leinwand

Wie kann man Größe auf Form nach Skalierung mit Stoff js?

Ich arbeite auf Leinwand mit Stoff js library.i bin nicht in der Lage, Größe der skalierten Form anzuzeigen. Ich möchte Form wie: Ich habe versuchen, und es Display-Ränder mit Text, aber ich habe mehr als ein Ränder und ich möchte Größe auf alle anzeigen, nachdem sie skaliert werden: var rect1 = new fabric.Rect({ left: 100, […]

Wie implementiere ich eine Scroll-Textur in WebGL?

Ich habe dies als Beispiel gemacht, wie man eine normale Textur zu einer Leinwand mit WebGL machen und erfolgreich implementiert. Jetzt versuche ich, ein Scroll-Bild zu implementieren, wo ich per Stream-Pixeldaten von einem anderen Rechner im selben Netzwerk über Ajax Polling oder Websockets bekomme und das mit WebGL auf Leinwand übertragen muss. Also, jetzt weiß […]

Bewegender Charakter auf Leinwand, aber nicht auf dem Bildschirm

Ich mache ein 2d Spiel in JavaScript, aber mein Charakter kann sich nur um die Länge des Bildschirms bewegen, also habe ich mich gefragt, ob es eine Möglichkeit gibt, die Leinwand zu bewegen, aber mein Charakter bleibt auf der Mitte des Bildschirms könnte Simone bitte mir helfen Hier ist mein Code für das Testspiel <html> […]

Wie kontinuierlich ziehen Leinwand Welle mit dynamischen Array in HTML5?

Hier sind meine Probleme 1) Ich habe dynamische y-Array-Daten, mit diesem Array, wie man kontinuierlich die Welle zu zeichnen. Wenn Y-Array-Daten vollständig die gleichen y-Array-Daten verwenden, um fortzufahren. 2) Sound Auto-Spiel in diesem Array-Wert ist 143.if Ich stoppe, dass nicht stoppen. Hier ist mein Code: <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <canvas […]

Wie kann ich den Grundriss dynamisch speichern?

Ich habe ein College-Projekt, um Grundriss zu entwerfen Software zu erstellen. Dafür versuche ich, Grundriss mit Hilfe von HTML Canvas und Raster zu erstellen. Ich möchte den interaktiven Grundriss speichern, der in die Datenbank erstellt wurde, aber nicht in der Lage ist, als wenn der Grundriss in der Datenbank gespeichert ist, wird er in die […]

Leinwand Spiel Animation

Also ich mache ein Spiel und bekam die Idee, eine halb transparente png Animation von einem spritesheet zu sehen, wenn der Spieler wieder an den Anfang gebracht wird, nachdem er stirbt. Es ist nur ich habe mich noch nie zur Animation gekommen, aber aus irgendeinem Grund denke ich, dass das Manipulieren der Animrequestframe Ding irgendwie […]

Canvas Drag and Drop

Ich möchte Bilder per Drag & Drop in eine Leinwand ziehen und sie zerbrechlich machen. So weit ist das alles, was ich finden kann, aber sobald der Text in die Leinwand gefallen ist, ist es nicht mehr verschiebbar. enter code here http://jsfiddle.net/ranganadh/6WpKf/ Bitte jemand mir helfen: D

Webkit Mousemove Leinwand RGBA FAIL

Ich habe eine sehr schöne Kuchen / Donut-Chart mit Chartjs.org gezeichnet. Funktioniert super. Einfach zu implementieren Animiert schön Ich habe auch ein Label, das aktualisiert werden muss, wenn der Benutzer über das Diagramm schwebt. Mousemove feuert und gibt die rgba koordiniert wie erwartet in FF und IE10 / 9. Aber nicht Webkit. Es scheint alles […]

Text über Canvas nur anmouseover anzeigen

Ich habe eine dreieckige Bildmaske mit dem Canvas-Element erstellt. Ich habe ein Textfeld, das ich bei der Maus über die untere Zeile dieses Dreiecks anzeigen möchte. Ich kann nicht herausfinden, wie man die Textanzeige nur beim schweben macht. Ich bin ein Anfänger dabei … Jede Hilfe appriciated! Dies ist der Code, den ich bisher habe: […]

Warum ist mein Bild nicht auf der Leinwand?

Ich versuche, ein Bild auf einer Leinwand an der oberen Ecke zu zeigen und die Zeichnungsfunktion funktioniert nicht richtig. Was habe ich falsch gemacht. Das obige Bild ist das, was ich auf dem Bildschirm zeigen möchte. <html> <head> <title></title> </head> <body> <p><canvas id="canvas" style="border:1px solid black;" width="450" height="310"></canvas> </body> <script> var c=document.getElementById("canvas"); var ctx=c.getContext("2d"); draw(); […]

Lassen Sie uns Javascript Schönheit und nützlich machen.