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.

Wie zu spielen html5-Spiel offline?

Anzahl der Antworten 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

Zum ändern der Leinwand Hintergrundfarbe, während mit fabric js

Anzahl der Antworten 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 });

ReferenceError: Diagramm ist nicht definiert - chartjs

Anzahl der Antworten 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.

befestigen Sie die Tastatur-Ereignisse, um html5-canvas

Anzahl der Antworten 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

Wie um zu zeigen, einen Laufenden Fortschrittsbalken an, während eine Seite geladen wird

Anzahl der Antworten 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:

Skalierung HTML5-canvas-width Erhaltung der w/h-Seitenverhältnis

Anzahl der Antworten 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,

Müssen die Geschwindigkeit meiner SVG. Könnte ich konvertieren, um WebGL oder canvas?

Anzahl der Antworten 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

HTML5-Canvas Zeichnen Rect - Bekam Grenze Diff Breite?

Anzahl der Antworten 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

Wie generieren von PDF-Dateien mit HTML5 und JavaScript

Anzahl der Antworten 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

Input type="file" set Bild-Daten-base64

Anzahl der Antworten 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

MouseListener und HTML5-canvas-Objekt

Anzahl der Antworten 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

Wie zu zerstören und neu laden der canvas in html 5?

Anzahl der Antworten 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

Wie man das HTML5 Canvas-Element.todataurl-Datei Größe in javascript?

Anzahl der Antworten 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

Das hochladen eines Bildes beschnitten mithilfe eines cropper.js plugin

Anzahl der Antworten 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

Wie neu-Leinwand (alle 250ms) ohne flackern zwischen jedem Neuzeichnen?

Anzahl der Antworten 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

Aufteilen von text in Seiten und Gegenwart getrennt (HTML5)

Anzahl der Antworten 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

Klonen von Objekten in Fabric.js

Anzahl der Antworten 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.

Leinwand - Kämmen zwei Bilder, eines img-html-Objekt?

Anzahl der Antworten 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

Drehen Sie das Rad code - OHNE javascript

Anzahl der Antworten 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

Warum nicht Bild zeigen, auf-laden, zeigt aber auf "aktualisieren"?

Anzahl der Antworten 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

HTML5-canvas - Methode drawImage nicht immer zeichnen das Bild

Anzahl der Antworten 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

Konvertieren von Canvas in Pdf mit JsPDF

Anzahl der Antworten 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) {

Konvertieren und einfügen von Base64-Daten auf die Leinwand in Javascript

Anzahl der Antworten 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

Leinwand - Ändern Sie Farben von einem Bild unter Verwendung von HTML5/CSS/JS?

Anzahl der Antworten 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

Anzeigen von QuickInfo in canvas-Grafik

Anzahl der Antworten 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

erstellen der Zylinder-Form in reinem css 3d

Anzahl der Antworten 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.

HTML5, JavaScript und zeichnen Sie mehrere Rechtecke in einem canvas

Anzahl der Antworten 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

Gewusst wie: zeichnen einer Linie mithilfe von jQuery und HTML5 canvas

Anzahl der Antworten 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

Konvertierung von bytes, um ein Bild für die Zeichnung auf einem HTML5-canvas

Anzahl der Antworten 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:

Wie vollständig zu entfernen, wird das canvas-element mit Jquery/JavaScript?

Anzahl der Antworten 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

canvas.toDataURL() für die große Leinwand

Anzahl der Antworten 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 =

Horizontales Scrollen auf Leinwand. HTML5

Anzahl der Antworten 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

HTML5-Canvas-toDataURL gibt leer

Anzahl der Antworten 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

Animieren, Canvas-Bereich mithilfe der for-Schleife und setInterval

Anzahl der Antworten 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;

HTML-Workflow-designer w/ Drag & Drop

Anzahl der Antworten 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,

Wie zu beheben getImageData () - Fehler-Die Leinwand wurde dieses Bild durch cross-origin-Daten?

Anzahl der Antworten 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

Speichern Leinwand Bild über die Leinwand.toDataURL Ergebnisse in schwarz Rechteck

Anzahl der Antworten 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

Wie animieren Sie ein Bild in eine Maske oder einen clip mithilfe von html, css und jquery?

Anzahl der Antworten 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

html5-canvas-array von Bilder - zeichnen Sie Bild auf Leinwand

Anzahl der Antworten 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

ändern Leinwand Bild mit javascript

Anzahl der Antworten 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

HTML-5-Canvas-Mouse-over-event auf dem element (show tooltip)

Anzahl der Antworten 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

Durch die Verwendung von kendo exportieren von raster-Daten zu einer der folgenden Dateien (csv,excel ,Pdf)

Anzahl der Antworten 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:

Zeichnen von Formen und Linien mit HTML5-Canvas und jQuery

Anzahl der Antworten 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

Zeichnen Sie eine Leinwand in einer anderen Leinwand nicht funktioniert

Anzahl der Antworten 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

drawImage (canvas) funktioniert nicht

Anzahl der Antworten 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");

Kann ich eine Tabelle zeichnen in canvas-element?

Anzahl der Antworten 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)

So speichern Sie eine Bilddatei mit den src habe ich erstellt, indem Sie auf HTML-5-canvas

Anzahl der Antworten 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:

html5-canvas: Umwandlung von Bild-Datei zu DataURL wirft Uncaught TypeError

Anzahl der Antworten 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

wie konvertieren von Bild-url zu dataurl (base64-Daten) mit javascript

Anzahl der Antworten 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()

Zeichnen Sie das HTML5 Canvas-Element mit einer anderen Hintergrundfarbe als text?

Anzahl der Antworten 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