Als «html5-canvas» getaggte Fragen

Canvas ist ein HTML-Element, das das dynamische, skriptfähige Rendern von 2D-Formen, 3D-Formen, Bitmap-Bildern und Animationen in 2D und 3D ermöglicht.

4
Aktueller Stand der Javascript Canvas-Bibliotheken? [geschlossen]
Geschlossen . Diese Frage muss fokussierter sein . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so, dass sie sich nur auf ein Problem konzentriert, indem Sie diesen Beitrag bearbeiten . Geschlossen vor 7 Jahren . Verbessere diese Frage Ich habe über HTML-Canvas-Bibliotheken recherchiert …
6
Html5 canvas drawImage: Anwenden von Antialiasing
Bitte schauen Sie sich das folgende Beispiel an: http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; Wie Sie sehen, ist das Bild kein …
3
Abrufen von Binärdaten (base64) aus HTML5 Canvas (readAsBinaryString)
Gibt es eine Möglichkeit, den Inhalt eines HTML-Canvas als Binärdaten zu lesen? Im Moment habe ich den folgenden HTML-Code, um eine Eingabedatei und die Leinwand darunter anzuzeigen: <p><button id="myButton" type="button">Get Image Content</button></p> <p>Input:<input id="fileInput" type="file"/></p> <p>Canvas<canvas id="myCanvas" width="578" height="200"/></p> Ich habe dann meine Eingabedatei so eingerichtet, dass die Zeichenfläche korrekt …
4
Wie zeichnet man ein Raster mit HTML5 und (Canvas oder SVG)
Ich möchte ein Raster wie im Bild gezeigt zeichnen, habe aber keine Ahnung, wo ich anfangen soll. Soll ich SVG verwenden oder sollte ich Canvas mit HTML5 verwenden und wie man es zeichnet. Bitte führen Sie dazu. Ich möchte, dass dieses Gitter Rechtecke, Kreise oder andere Diagramme darauf zeichnet, und …
77 html  svg  html5-canvas 
2
Skalieren eines Bildes auf Leinwand
Ich habe ein Formular, mit dem ein Benutzer ein Bild hochladen kann. Sobald das Bild geladen ist, führen wir eine Skalierung durch, um die Dateigröße zu verringern, bevor wir es an den Server zurückgeben. Dazu legen wir es auf die Leinwand und manipulieren es dort. Dieser Code rendert das skalierte …
9
HTML5 Canvas Bild drehen
jQuery('#carregar').click(function() { var canvas = document.getElementById('canvas'); var image = document.getElementById('image'); var element = canvas.getContext("2d"); element.clearRect(0, 0, canvas.width, canvas.height); element.drawImage(image, 0, 0, 300, 300); }); jsfiddle.net/braziel/nWyDE/ Ich habe ein Problem beim Drehen eines Bildes um 90 ° nach rechts oder links. Ich verwende ein Bild auf der Leinwand. Auf demselben Bildschirm …
2
So geben Sie den Speicher in JavaScript frei
Ich arbeite mit Canvas und seinem ImageData-Objekt, das eine große Datenmenge enthält (Millionen von Ganzzahlen). Das Arbeiten mit einigen Arrays erfordert also bereits viel Speicher (bis zu 300 MB). Gibt es eine Möglichkeit, den Speicher eines Arrays freizugeben, wenn dies nicht erforderlich ist? Ich versuche, undefineddieser Variablen zuzuweisen . Ist …
1
Benutzerdefinierte Hintergrundgrenzen für Donut (Messgerät)
Ich verwende ein Messdiagramm basierend auf ( Chartjs-tsgauge ). Ich möchte Hintergrundfarben für Diagramme unabhängig von den Messgrenzen festlegen. Das Problem, wie Charts.JS den Hintergrund rendert, weil das von mir verwendete Plugin keinen Code für Hintergründe enthält. Zum Beispiel habe ich ein Messgerät mit Grenzen [0, 20, 40, 60, 80, …
2
Verwendung eines Textelements mit einer in CSS beschriebenen Schriftart in einer Zeichenfläche
Dies ist Teil des Bismon- Projekts (eine GPLv3 + -Software, die von europäischen H2020-Projekten finanziert wird), git commit0e9a8eccc2976f . Dieser Berichtsentwurf beschreibt die Software. Diese Frage gibt mehr Kontext und Motivationen. Es handelt sich um die (handgeschriebene) Datei webroot / jscript / bismon-hwroot.js , die in einer HTML-Seite verwendet wird, …
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.