Das Windows-Paint-Programm begleitet alle Windows-Versionen. Dieses sehr einfache, fast nutzlose Programm verfügt über die grundlegendsten Zeichenfunktionen und eignet sich sehr gut zum Kritzeln. Das Canvas-Objekt von HTML5 ermöglicht das Online-Zeichnen. Obwohl HTML5 noch lange nicht ausgereift ist, können es viele Menschen kaum erwarten, es zum Entwerfen einiger erstaunlicher Anwendungen zu verwenden.
CanvasPaint ist ein Standard-Windows-Malprogramm, das auf HTML5 basiert. Es verfügt über die gleiche Benutzeroberfläche und Bedienung wie das Windows-Paint-Programm und seine Funktionen sind nahezu identisch. Dank der Unterstützung bestimmter Browser können Sie die endgültige Arbeit sogar auf Ihrem lokalen Computer speichern. Dies ist kein neues Projekt, es gibt es bereits seit 2006, sodass die meisten aktuellen Browser, die Standards unterstützen (Firefox, Safari, Chrome, Opera), dieses Programm normal verwenden können. Hier einige Erläuterungen des Autors zu diesem Projekt.
Warum wurde dieses Programm entwickelt?
Der Zweck besteht nicht darin, ein Windows-Zeichenprogramm zu entwickeln, sondern die Canvas-Funktion von HTML5 kennenzulernen.
Die Verwendung ist dieselbe wie bei Standard-Windows-Zeichenprogrammen.
Kann es gerettet werden?
Ja, aber es unterstützt nur Firefox 2 und Opera 9 (Anmerkung des Übersetzers: Dies ist ein vom Autor im Jahr 2006 implementiertes Programm). Um lokal zu speichern, wählen Sie im Menü „Datei“ die Option „Herunterladen“, „Online speichern“ und dann „Online speichern“ aus. Es wird automatisch eine URL generiert, um Ihre Arbeit online anzuzeigen.
Das Rechtsklickmenü des Browsers selbst beeinflusst die Verwendung des Rechtsklickmenüs. Sie können das Rechtsklickmenü in den Browsereinstellungen deaktivieren.
Warum sind einige Funktionen nicht verfügbar?
Einige Funktionen werden in bestimmten Browserversionen unterstützt (Anmerkung des Übersetzers: Stand 2006):
FarbauswahlFirefox 2.0Opera 9 Flood FillOpera 9 Bild speichernFirefox 2.0Opera 9 URL öffnenFirefox 1.5Opera 9Neueste Ist das WebKit Canvas-Objekt einfach zu verwenden?
Ideal für Anwendungen, die keine browserübergreifende Unterstützung erfordern. Beim Malen besteht das größte Problem jedoch darin, dass es aufgrund der Aktualisierungsrate des Mausbewegungsereignisses nicht einfach ist, die Position des Cursors zu finden, insbesondere bei Verwendung einer Airbrush. Wenn die Größe sehr groß wird, wird sie außerdem sehr langsam und es gibt keine getPixel()-Funktion.
Technische Details Im Programm werden fünf Canvas-Objekte verwendet.
Eine Hauptzeichenfläche, eine darüber schwebende transparente Zeichenflächenebene zur Anzeige des Vorschaubildinhalts, eine ausgeblendete Leinwand zum Zwischenspeichern des ausgewählten Inhalts, eine weitere zum Zwischenspeichern des Rückgängig-Status und eine in der Titelleiste des Programms zum Anzeigen von Verlaufsfarben.
Die HTML5-Canvas-Experimente anderer
Canvascape 3D (Implementierung eines einfachen Ego-Shooter-Spiels mit HTML5)
CanvasGraph (eine JavaScript-Bibliothek für HTML5-Canvas-Zeichnungen)
Bildreflexionen (Implementierung von Bildreflexionen mit HTML5 Canvas)
Canvas Painter (ein einfacheres Canvas-Zeichenprogramm)
Ein wirklich erstaunliches HTML-Zeichenprogramm Wenn Sie das obige Programm von der Canvas-Funktion von HTML5 begeistert hat, finden Sie hier ein Zeichenprogramm, das Sie begeistern wird. Die Benutzeroberfläche und die Laufruhe stehen denen des Desktops in nichts nach. Auf einem Computer mit mehreren Bildschirmen verspüre ich sogar den Drang, diese schwebenden Werkzeugfelder auf den zweiten Bildschirm zu ziehen.
-