Als «canvas» getaggte Fragen

Canvas ist ein Oberbegriff für die Zeichenfläche, die mit vielen Freiform-Grafikausgabe-APIs verwendet wird. Verwenden Sie dieses Tag mit anderen Tags, die die spezifische Grafik-API angeben, die zusammen mit der Programmiersprache und der Zielumgebung verwendet wird: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] usw. Fügen Sie gegebenenfalls auch ein bestimmtes Canvas-Tag wie [android-canvas], [html5-canvas] und [tkinter-canvas] hinzu.

5
Map Tiling-Algorithmus
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 den Farbwert aus jedem Pixel im Bild extrahiert und …
7
HTML5 Canvas 100% Breite Höhe des Ansichtsfensters?
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 verhindern und genau die Breite und Höhe des …
151 jquery  html  canvas  viewport 
14
HTML5 Canvas Resize (Downscale) Bild Hohe Qualität?
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 verbessern. Unten finden Sie meinen CSS- und JS-Code …
10
Wie speichere ich Canvas als Bild mit canvas.toDataURL ()?
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: function putImage() { var canvas1 = document.getElementById("canvasSignature"); if (canvas1.getContext) …
8
Der beste Weg, um festzustellen, dass HTML5 <canvas> nicht unterstützt wird
Die Standardmethode für Situationen, in denen der Browser das HTML5- &lt;canvas&gt;Tag nicht unterstützt, besteht darin, einige Fallback-Inhalte einzubetten, z. &lt;canvas&gt;Your browser doesn't support "canvas".&lt;/canvas&gt; Der Rest der Seite bleibt jedoch derselbe, was unangemessen oder irreführend sein kann. Ich möchte eine Möglichkeit erkennen, nicht unterstützte Zeichenflächen zu erkennen, damit ich den …
5
Zeichnen einer SVG-Datei auf einer HTML5-Zeichenfläche
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. Ich weiß, dass eine Möglichkeit darin besteht, die SVG in …
130 html  canvas  svg 
2
So kopieren Sie den Inhalt einer Leinwand lokal auf eine andere Leinwand
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, Canvas.toDataURL()dies in einem Image-Objekt in Javascript abzurufen und zu speichern und es …
128 html  canvas 
5
Deaktivieren Sie die Interpolation beim Skalieren eines <Canvas>
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 , den Anti - Aliasing von …
125 javascript  html  canvas 
6
Ändern des Hintergrunds von three.js in eine transparente oder andere Farbe
Ich habe versucht, die Standardhintergrundfarbe meiner Leinwand von Schwarz auf Transparent / jede andere Farbe zu ändern - aber kein Glück. Mein HTML: &lt;canvas id="canvasColor"&gt; Mein CSS: &lt;style type="text/css"&gt; #canvasColor { z-index: 998; opacity:1; background: red; } &lt;/style&gt; Wie Sie im folgenden Online-Beispiel sehen können, habe ich eine Animation an …
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.