Ich drucke Text ziemlich einfach auf eine Leinwand: var ctx = canvas.getContext('2d'); ctx.font = "10pt Courier"; ctx.fillText("Hello World", 100, 100); Aber wie kann ich den Text fett, kursiv oder beides ändern? Irgendwelche Vorschläge, um dieses einfache Beispiel zu beheben?...
Ich möchte meine Grafiken in einen Puffer zeichnen und sie dann so wie sie sind auf die Leinwand kopieren, damit ich Animationen erstellen und Flackern vermeiden kann. Aber ich konnte diese Option nicht finden. Weiß jemand, wie ich das machen kann?
Es scheint keine native Funktion zu geben, um eine ovale Form zu zeichnen. Auch ich suche nicht die Eiform. Ist es möglich, ein Oval mit 2 Bezierkurven zu zeichnen? Hat das jemand erlebt? Mein Zweck ist es, einige Augen zu zeichnen und tatsächlich benutze ich nur Bögen. Danke im Voraus. Lösung...
Ich habe manchmal in Beispielen gesehen, wo das Färben in Android als # FF191919 erfolgt. Ich meine eine 8-stellige Hex-Zahl. Es sollte aber nur eine 6-stellige Zahl sein. Wie hängen sie zusammen? Wenn ich eine 6-stellige Nummer in eine 8-stellige Nummer umwandeln möchte. Wie es geht? Ich meine,...
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,...
Ich habe ein Canvas-Element mit einer Zeichnung und möchte eine Schaltfläche erstellen, die beim Klicken das Bild als PNG-Datei speichert. Es sollte also das Dialogfeld Speichern, Öffnen, Schließen öffnen ... Ich mache es mit diesem Code var canvas =
Ich versuche, Daten zu diesem Thema zu binden ItemsControl: <ItemsControl ItemsSource="{Binding Path=Nodes, Mode=TwoWay, UpdateSourceTrigger=PropertyChanged}"> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <Canvas /> </ItemsPanelTemplate>
Ich möchte eine rechteckige Leinwand erstellen, um einen Fortschrittsbalken zu simulieren, aber wenn ich die Breite und Höhe einer Leinwand auf 100% setze, ist sie anscheinend nicht so hoch und breit wie die übergeordnete siehe Beispiel unten http://jsfiddle.net/PQS3A/ Ist es überhaupt...
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>
Ich programmiere ein HTML5-<Leinwand> -Projekt, bei dem Bilder mit dem Scrollrad vergrößert und verkleinert werden. Ich möchte wie bei Google Maps auf den Cursor zoomen, bin aber völlig verloren, wie man die Bewegungen berechnet. Was ich habe: Bild x und y (obere linke Ecke); Bildbreite...
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...
Ich verwende also Google Maps und bekomme das Bild so, dass es so aussieht <img id="staticMap"
Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 6 Jahren ....
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...
Ich habe mir Dinge wie Cufon und typeface.js angesehen, aber sie scheinen SIFR-Alternativen zu sein und erlauben Ihnen nicht, Freiformkoordinaten festzulegen und benutzerdefinierte Typen auf a zu zeichnen <canvas> Hat jemand irgendwelche Ideen?
Ich versuche, das HTML5-Canvas-Element zum Zeichnen einiger Bögen und Kreise zu verwenden - dies funktioniert perfekt in FF, aber IE8 scheint es nicht zu unterstützen. Jetzt gibt es Javascript-Bibliotheken, mit denen IE8 gut mit Canvas funktioniert. Ein Beispiel finden Sie hier . Ich habe ihre...
Hallo, ich habe eine Frage zum dynamischen Erstellen einer Zeichenfläche mit Javascript. Ich erstelle eine Leinwand wie folgt: var canvas = document.createElement('canvas'); canvas.id = "CursorLayer"; canvas.width = 1224; canvas.height = 768; canvas.style.zIndex = 8; canvas.style.position =...
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,
Ich spiele mit der folgenden Anwendung unter Verwendung des HTML-Canvas: http://driz.co.uk/particles/ Im Moment ist es auf 640x480 Pixel eingestellt, aber ich möchte es im Vollbildmodus machen, da es als Projektor angezeigt wird. Soweit ich das beurteilen kann, kann ich die Canvas-Größe jedoch...
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...