Ich habe den folgenden Arbeitscode: ctx = document.getElementById("canvas").getContext('2d'); Gibt es eine Möglichkeit, es neu zu schreiben, um es zu verwenden $? Dies schlägt fehl: ctx =
Digitalkamera-Fotos werden häufig als JPEG mit einem EXIF-Tag "Orientierung" gespeichert. Um korrekt angezeigt zu werden, müssen Bilder je nach eingestellter Ausrichtung gedreht / gespiegelt werden. Browser ignorieren diese Informationen jedoch, um das Bild zu rendern. Selbst in großen...
Die Karte Ich erstelle ein kachelbasiertes Rollenspiel mit Javascript, verwende Perlin-Rauschhöhenkarten und weise dann einen Kacheltyp basierend auf der Höhe des Rauschens zu. Die Karten sehen am Ende ungefähr so aus (in der Minikartenansicht). Ich habe einen ziemlich einfachen Algorithmus, der...
Ich versuche, ein Canvas-Element zu erstellen, das 100% der Breite und Höhe des Ansichtsfensters einnimmt. Sie können in meinem Beispiel hier sehen, dass dies geschieht, jedoch werden Bildlaufleisten sowohl in Chrome als auch in FireFox hinzugefügt. Wie kann ich die zusätzlichen Bildlaufleisten...
Ist es möglich, Text in HTML5 zu schreiben
Ich verwende HTML5-Canvas-Elemente, um die Größe von Bildern in meinem Browser zu ändern. Es stellt sich heraus, dass die Qualität sehr gering ist. Ich habe Folgendes gefunden: Deaktivieren Sie die Interpolation beim Skalieren eines <canvas>, aber es hilft nicht, die Qualität zu...
Die Spezifikation verfügt über eine Funktion context.measureText (Text), die angibt, wie viel Breite zum Drucken dieses Textes erforderlich ist. Ich kann jedoch nicht herausfinden, wie hoch er ist. Ich weiß, dass es auf der Schriftart basiert, aber ich weiß nicht, wie ich eine Schriftzeichenfolge...
Ich erstelle gerade eine HTML5-Web-App / Phonegap-native App und kann anscheinend nicht herausfinden, wie ich meine Leinwand als Bild speichern kann canvas.toDataURL(). Kann mir jemand helfen? Hier ist der Code, was ist daran falsch? // Meine Leinwand wurde "canvasSignature" genannt JavaScript:...
Es scheint, requestAnimationFrameals wäre dies de facto der Weg, Dinge jetzt zu animieren. Es hat größtenteils ziemlich gut für mich funktioniert, aber im Moment versuche ich einige Canvas-Animationen zu machen und habe mich gefragt: Gibt es eine Möglichkeit, um sicherzustellen, dass es mit einer...
Ich habe festgestellt, dass es nur Rechtecke geben kann, aber keine abgerundeten Ecken. Wie kann ich das
Die Standardmethode für Situationen, in denen der Browser das HTML5- <canvas>Tag nicht unterstützt, besteht darin, einige Fallback-Inhalte einzubetten, z. <canvas>Your browser doesn't support "canvas".</canvas> Der Rest der Seite bleibt jedoch derselbe, was unangemessen oder...
Für eine Zeichenanwendung speichere ich die Mausbewegungskoordinaten in einem Array und zeichne sie dann mit lineTo. Die resultierende Linie ist nicht glatt. Wie kann ich eine einzelne Kurve zwischen allen gesammelten Punkten erstellen? Ich habe gegoogelt, aber ich habe nur 3 Funktionen zum...
Gibt es eine einfache Möglichkeit, die Höhe von Text zu messen? Die Art und Weise, wie ich es jetzt mache, besteht darin, mithilfe von Farben measureText()die Breite zu ermitteln und dann durch Ausprobieren einen Wert zu finden, um eine ungefähre Höhe zu erhalten. Ich habe auch herumgespielt...
Mein Code funktioniert auf meinem localhost sehr gut, aber auf der Site nicht. Ich habe diesen Fehler von der Konsole für diese Zeile erhalten .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by...
Gibt es eine Standardmethode zum Zeichnen einer SVG-Datei auf eine HTML5-Zeichenfläche? Google Chrome unterstützt das Laden der SVG als Bild (und das einfache Verwenden drawImage). Die Entwicklerkonsole warnt jedoch davor resource interpreted as image but transferred with MIME type image/svg+xml....
Gibt es eine Methode, die die Breite (in Pixel) eines auf einer Android-Zeichenfläche zu zeichnenden Textes mit der drawText () -Methode gemäß der zum Zeichnen verwendeten Farbe
Ich möchte ALLE Inhalte einer Zeichenfläche kopieren und auf der Clientseite auf eine andere übertragen. Ich würde denken, dass ich die Methode canvas.toDataURL()und context.drawImage()verwenden würde, um dies zu implementieren, aber ich stoße auf einige Probleme. Meine Lösung wäre,...
Ich bin ein erfahrener Java-Programmierer, schaue mir aber zum ersten Mal seit etwa einem Jahrzehnt einige JavaScript / HTML5-Inhalte an. Ich bin völlig ratlos darüber, was das Einfachste überhaupt sein sollte. Als Beispiel wollte ich nur etwas zeichnen und einen Ereignishandler hinzufügen. Ich...
Ich möchte Fotos basierend auf ihrer ursprünglichen Drehung drehen, wie sie von der Kamera in JPEG EXIF-Bilddaten festgelegt wurde. Der Trick ist, dass dies alles im Browser mit JavaScript und geschehen sollte <canvas>. Wie kann JavaScript auf JPEG zugreifen, ein lokales Datei-API-Objekt,...
HINWEIS : Dies hängt damit zusammen, wie vorhandene Canvas-Elemente beim Skalieren gerendert werden , nicht damit, wie Linien oder Grafiken auf einer Canvas-Oberfläche gerendert werden . Mit anderen Worten, hat dies alles zu tun mit Interpolation von skalierten Elementen , und nichts mitzu tun ,...