Tag: html5-canvas
Canvas ist ein HTML-element, das ermöglicht die dynamische, skriptfähige rendering von 2D-Formen, 3D Formen, bitmap-Bilder und-Animationen in 2D und 3D.
2
Antworten
Wollte ich retten, einige html5-Spiele auf dem laptop für meinen kleinen Bruder zu spielen, wenn er aus dem wifi-Bereich. Ich heruntergeladen habe, alle Dateien und die Pfade so geändert, dass keine Fehler angezeigt werden. Wenn ich jetzt
1
Antworten
Ich habe ein canvas-element, und ich erstellen Gewebe Objekt aus. Nun möchte ich die Hintergrundfarbe ändern sich dynamisch. Das folgende funktioniert nicht für mich. var x; x = new fabric.Canvas("mycanvas", { backgroundColor : "#fff", selection: true });
6
Antworten
Ist es ein bug Chart.js? Jedes mal, wenn ich, fügen Sie eine der Grafiken an Chart.js auf meiner Webseite bekomme ich eine Fehlermeldung, aber wenn ich das Diagramm als eigenständiges Programm und es läuft reibungslos ohne Fehler.
1
Antworten
Sieht es aus wie mouse events hinzufügen Zuhörer canvas Elemente in Ordnung, aber keyboard events scheinen nicht zu funktionieren für canvas Elemente. Beispiel: http://jsfiddle.net/H8Ese/1/ Browser: Chrome 14.0 FF 5.0.1 Ich weiß, dass ich kann verwenden Sie die
5
Antworten
Möchte ich zeigen, einen Laufenden Fortschrittsbalken an, während meine Seite geladen wie hier, in meine Seite. Ich habe eine einfache be-Bild in meinem Beispiel, aber ich will es konvertieren in einen Laufenden Fortschrittsbalken. Hier ist mein code:
5
Antworten
Ich habe ein canvas-element mit den Abmessungen von 979X482px und ich möchte, um es zu dehnen, um die Breite von einem bestimmten browser-Fenster, halten Sie das Seitenverhältnis von Breite/Höhe 1: 1, ich will die Höhe zu skalieren,
3
Antworten
Habe ich eine SVG-Zeichnung mit 10138 Teile, so dass es langsam ausgeführt wird. Ich will es mehr wie http://workshop.chromeexperiments.com/globe Hier sind die Lösungen/Fragen, die ich überlege mir Gibt es eine Möglichkeit zu haben, die SVG-Teile Rendern in
1
Antworten
Das Ergebnis der square-Grenze stellt sich heraus, anders zu sein, - Breite, - es scheint, dass Sie den rechten und unteren Rand, die Breite ist 2x breiter als die linke und die Obere Grenze der Breite. Warum
1
Antworten
Habe ich ein Projekt in HTML5 habe ich die Leinwand in ihm. Ich möchte den Inhalt exportieren, der die Leinwand in eine PDF-Datei. Kann jemand empfehlen, wie kann ich tun, dass entweder über JavaScript oder jQuery oder
2
Antworten
Ich habe eine Leinwand und abrufen von Bilddaten mit Hilfe von canvas.toDataURL('image/png'). Problem: <input type="file" /> will Dateipfad als value anstelle von base64-Daten. Frage: so senden Sie base64-Bild-Daten-server mit Hilfe von <input type="file" /> OHNE zu speichern
1
Antworten
Bin ich auf der Suche auf tutorials und doch kann ich nicht scheinen, um herauszufinden, wohin ich gehe falsch. Dies scheint, wie es sein sollte, sehr geradlinig, aber es gibt mir Probleme. Nachfolgend finden Sie einige einfache
2
Antworten
Arbeite ich an einem ebook-Anwendung, die ziehe ich jede Seite auf Leinwand mit PDF.js das problem ist , wenn ich auf den Knopf und drehen Sie zur anderen Seite, ich habe versucht, einfach render auf die gleiche
4
Antworten
var data_url=canvas.toDataURL("image/png"); var img=$("#img -").attr("src",data_url); was ist der img Datei Größe in kb? Welche Datei ? Es gibt keine Datei hier. InformationsquelleAutor venkat7668 | 2013-09-01
2
Antworten
Habe ich verwendet cropper.js plugin in meiner Anwendung zuschneiden von Bildern. Ich bin in der Lage, die Ernte-Bilder. Jetzt versuche ich, die Bilder hochladen, anstatt Sie herunterzuladen. Ich habe aktualisiert, die das modale Fenster, das zeigt das
1
Antworten
Ich schrieb eine Funktion, die zieht sich eine Scheibe einer pizza, basierend auf wie groß Sie geben es zu werden (in Grad) function drawProgress(degs){ var canvas = document.getElementById('progress'); var context = canvas.getContext('2d'); context.globalAlpha=1; var img = new
7
Antworten
Sagen wir, wir haben einen langen text wie Romeo & Juliet und wir wollen dies in einer einfachen ereader (keine Animationen, nur Seiten und benutzerdefinierte schriftart,-Größe). Welche Ansätze existieren, diese zu bekommen? Was ich kommen mit so
7
Antworten
Ich bin für das Klonen von ausgewählten Objekts auf eine Leinwand in Fabric.js über eine einfache Funktion. function duplicateObj() { var obj = canvas.getActiveObject(); var clone = fabric.util.object.clone(obj); clone.set({left: 100,top: 100}); canvas.add(clone); } Funktioniert absolut in Ordnung.
3
Antworten
Ich habe zwei html-img-Objekte mit verschiedenen src-urls. Möchte ich kombinieren diese beiden Bilder (mit Leinwand), und erstellen Sie einen zusammengeführten img-Objekt. Ist das möglich? Wie? InformationsquelleAutor Pauly Dee | 2011-09-02
3
Antworten
Suchen, um etwas aufzubauen, wie dies - eine am Rad drehen - mit nur HTML und CSS, ohne Javascript http://tpstatic.com/_sotc/sites/default/files/1010/source/roulettewheel.html http://www.dougtesting.net/winwheel Suchen für einige Hinweise oder auch um zu sehen, ob es getan werden kann. HTML und
3
Antworten
Ich Spiele mit dem canvas-element in HTML5 und ich bemerkte ein eigenartiges Verhalten. Beim erstmaligen laden eines Bildes bin ich der Anzeige nicht zeigen. Allerdings, wenn ich den browser aktualisieren, zeigt es entsprechend an. Ich habe IE9
1
Antworten
Bin ich die Zeichnung auf die Leinwand jedes mal, wenn ein Benutzer eine Taste drückt, aber manchmal ist das Bild nicht immer gezeichnet auf die Leinwand. Ich denke, es könnte sein, dass das Bild nicht geladen in
1
Antworten
Ich versuche zu konvertieren canvas in pdf, aber ich bekomme saubere weiße pdf-Format in Ergebnis Hier ist der code, ich bin nicht in der Lage, herauszufinden, was ich bin fehlt.. function HtmlToImage(){ html2canvas(document.body, { onrendered: function(canvas) {
2
Antworten
Bekomme ich einen Puffer von Daten darstellen, ein Bild in Base64. Die Daten, die ich habe (dar-Bild in base64 -) (ein Teil der Daten) 193,109,51,74,182,71,212,38,78,62,211,48,81,145,244,39,244,250,215,192,113,46,101,136,203,149,44,6,90,147,197,215,109,66,251,69,47,138,111,202,43,239,122,45,108,125,22,6,149,44,84,103,136,198,74,212,41,171,203,188,187,69,121,183,255,0,7,75,156,191,140,190,45,181,219,141,43,195,214,107,30,129,3,145,38,110,60,135,185,35,130,119,4,108,244,238,0,227,3,140,86,85,237,134,149,241,3,69,158,251,71,134,93,31,88,211,72,82,1,30,100,76,70,65,12,9,12,141,207,94,184,32,140,215,45,47,196,111,130,177,187,34,120,79,197,65,84,224,8,175,93,20,99,176,31,107,24,250,96,85,141,47,227,159,195,111,11,219,223,46,133,225,175,17,91,73,120,170,178,189,196,137,49,96,185,218,50,247,44,64,27,155,167,173,123,252,61,144,97,242,8,63,102,156,234,207,227,169,43,115,77,245,230,119,122,111,104,173,23,78,167,204,103,121,165,108,217,46,88,184,40,124..... Erfolgreich decodieren. Nun ich bin versuchen, um das Bild auf meiner Leinwand
3
Antworten
Gibt es eine Möglichkeit, ändern Sie die Farben von einem Bild ähnlich wie in Flash/ActionScript mit, die nur mithilfe von HTML5/CSS/JavaScript? Hier ist ein Beispiel in Flash: http://www.kirupa.com/developer/actionscript/color.htm EDIT: Das ist der Prozess, den ich wünschte, Sie
5
Antworten
Bin ich mit dem html5-canvas-element zu zeichnen Sie ein Diagramm mit Punkten bezeichnen wir die verschiedenen Punkte hier. Möchte ich die Anzeige verschiedener tool-Tipp, die verschiedene Punkte auf Maus hover.den angezeigten text als tool-tip wird durch den
2
Antworten
War ich arbeiten auf Leinwand 3d Formen, die ich bin ganz neu hier. Ich bin versucht, um Reine css3d Zylinder ohne plugin. Hier ist, was ich versuche, und der Ausgang war der code, den ich erhalte Kreis.
2
Antworten
Warum nicht meine mehrere Rechtecke zeichnen im canvas-Bereich? <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script src="Scripts/jquery-1.9.1.min.js"></script> </head> <body> <canvas id="myCanvas" width="500" height="500" style="border:1px solid red"> <p>Your browser doesn't support canvas.</p> </canvas> </body> </html> <script type ="text/javascript"> function
2
Antworten
Habe ich was ich fühle, was sollte eine einfache Frage. Ich habe versucht, zu suchen für eine Weile, aber alles was ich finde ist komplexer als das, was ich brauche. So, hier ist meine Frage. Wie kann
2
Antworten
Weiss jemand, wie ich den konvertieren bytes, die gesendet werden über eine websocket (aus einer C# - app) ein Bild? Dann möchte ich zum zeichnen des Bildes auf einer Leinwand. Ich sehe zwei Möglichkeiten, dies zu tun:
3
Antworten
Habe ich ein canvas-Objekt, das laden auf " meine Seite dynamisch aus einem jQuery-plugin. Es hat keine Hülle, keine id oder Klasse zugeordnet sein. Aber ich brauche, um es zu entfernen, nachdem $(window).resize(function)() {...} stattfindet. Ich habe
4
Antworten
Ich habe ein problem mit .toDataURL() für die große Leinwand. Ich möchte enconde in base64 - und entschlüsseln in php Datei, aber wenn ich eine große Leinwand die strDataURI variable leer ist. Mein code: var strDataURI =
3
Antworten
Ich bin erstellen einer Leinwand per javascript auf ein Webprojekt. Die Leinwand hat grafische Darstellungen auf der x-y-Ebene. Ich versuche, fügen Sie die horizontale Scroll-Funktion auf die Leinwand. Habe ich untersucht, ein paar Methoden:- 1) ziehen 12
1
Antworten
Wollte ich zum hochladen der Bild-Dateien, ziehen Sie Sie in Leinwand, änderungen vornehmen und speichern es in die Datenbank. Ich habe versucht zu testen, die base64-Wert, dass das Leinwand-Bild (Pic) zurückgekehrt, und es ist leer. Allerdings sehe
2
Antworten
Ich versuche zu animieren, canvas-Bereich mithilfe der for-Schleife und setInterval, aber kein Glück so weit... Hier ist, was ich in meinem code: //loop function function loop(){ var dynamic = 0; var v = 10; var x, y;
3
Antworten
Habe ich eine brauchen, um zu bauen ein workflow-tool, das es den Menschen ermöglicht ziehen Sie den Knoten auf eine Leinwand, schließen Filialen von Knoten an, die Eingänge anderer Knoten.. Zoom.. (Ein Beispiel habe ich gerade gefunden,
10
Antworten
Mein code funktioniert sehr gut auf meinem localhost, aber es ist nicht auf der Baustelle tätig. Bekam ich diese Fehlermeldung von der Konsole, für diese Linie .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas
2
Antworten
Im mit Pixi.js und versuchen, speichern Sie ein Einzelbild der animation zu einem Bild. canvas.toDataUrl sollte funktionieren, aber alles was ich bekomme ist ein Schwarzes Rechteck. Siehe live-Beispiel hier den code, den ich verwenden, zum extrahieren der
1
Antworten
Ich versuche zu animieren, die Bewegung eines Bildes unter einer Maske wich bleibt und sich nicht bewegt Ich habe 2 Möglichkeiten : mithilfe der mask-Eigenschaft und der zweite mit th-clip Ersten Weise mit Maske : Finden Sie
3
Antworten
Ich bin mit dem HTML5-canvas und JavaScript zu machen ein Spiel, und ich habe ein array von Bildern für die zahlen 1-10, und müssen dann noch ein array für den walisischen Worten für die zahlen 1-10. Was
2
Antworten
das gewünschte Verhalten ist, wenn das Dokument geladen, Leinwand zieht-Bild 0. wenn der unsichtbare div geklickt wird, wird die Leinwand zieht (Bild 1), on mouseup oder mouseout, es kehrt zurück zu Bild 0. Verließ ich die css
1
Antworten
Arbeite ich an einer Visualisierung-Projekt. Basierend auf meinen Daten, die ich Plotten Hunderte kleiner Kreis auf der Leinwand. Ich möchte hinzufügen, eine Maus über Ereignis so, dass, wenn eine Maus der umschließenden Fläche eines Kreises wird es
3
Antworten
Ich bin füllen der Daten in Kendogrid mithilfe von remote-Daten.So ist es möglich, Daten exportieren die Daten in der Tabelle, um alle Dateien wie csv -, excel-und pdf-Datei mit kendoUI. <script> $(document).ready(function() { $("#grid").kendoGrid({ dataSource: { type:
2
Antworten
Ich habe ein kommendes Projekt, ich würde gerne mit dem HTML5-canvas-element zu erreichen ist, was hätte getan werden musste, in der Vergangenheit, die entweder mit Bildern und absolut rasante div ' s oder Flash. Hier ist ein
3
Antworten
Ich versuche zu zeichnen, Leinwand erstellt durch javascript auf einer anderen Leinwand. Aber es ist nicht für mich arbeiten, Hier ist mein code, <!DOCTYPE HTML> <html> <head> </script> <script> window.onload = function(){ var can1 = document.createElement('canvas'); can1.width
2
Antworten
Ich will zeichnen Sie mehrere Leinwände, die auf einer einzigen Leinwand mit drawImage() Methode, aber es funktioniert nicht Code <html> <head> <script> window.onload = function() { var context1= document.getElementById("canvas1").getContext("2d"); var context2 = document.getElementById("canvas2").getContext("2d"); var context3 = document.getElementById("canvas3").getContext("2d");
1
Antworten
Gibt es eine Möglichkeit (plugins, arbeiten, Lösungen, etc.) zeichnen Sie eine HTML table in eine <canvas> element? Ich habe einen reichen formatierte html-Tabelle (mit CSS), und ich möchten, speichern Sie es als Bild (PNG, SVG oder GIF)
4
Antworten
Habe ich verwendet HTML 5 canvas zum zeichnen etwas auf es mit javascript, nachdem ich fertig mit der Zeichnung habe ich zu speichern, die Leinwand in der Festplatte. Ich kann erhalten die image-src, mithilfe der folgenden Methode:
2
Antworten
Ich versuche, die Base64 - /Data-URL von einer ausgewählten image-Datei in Javascript. Der Benutzer grundsätzlich wählt ein Bild über den Datei-Eingabe und die Kontrolle der Daten-URL generiert. Allerdings bekomme ich diesen Fehler: Uncaught TypeError: Failed to execute
2
Antworten
so konvertieren Sie Bild-url, base64-codierte Daten-url ohne Verwendung von html5-canvas-Objekt. canvas.todataURL() Ich bin gettting base64-Daten mit Leinwand.todataURL, aber es nicht zu Lesen, remote-url ' s, so will ich meine konvertieren Bild-url zu dataurl mit der mit Leinwand.todataURL()
1
Antworten
Ich bin auf der Suche zu zeichnen, Leinwand Kreis mit text, jedoch möchte ich die Leinwand Hintergrundfarbe anders zu sein als die Farbe des Textes in den Kreis. mein code unten verwendet die gleiche Farbe für beide