2014
Manipulation vidéo avec la balise canvas - HTML Redirection 1 | MDN
by Krome
En combinant les possibilités de l'élément video avec celles de l'élément canvas, vous pouvez manipuler les données vidéos en temps réel, et y incorporer une variété d'effet visuels. Ce tutoriel, adapté de ce blog par Paul Rouget, explique comment réaliser un travail d'incrustation chroma-keying (fond vert) en utilisant JavaScript.
2013
Aristochart - Sophisticated Javascript charts.
by Krome & 2 others
Aristochart is highly customizable and flexible line charting library for canvas. Aristochart allows you to focus on aesthetic while it manages the data behind the scenes.
2011
CamanJS - Image Manipulation in Javascript
by Krome & 4 others
CamanJS is very easy to extend with new filters and plugins, and it comes with a wide array of image editing functionality, which is only growing as the community makes more plugins.
canvaScript
by Krome & 1 other
jCanvaScript is a javasript library that provides you methods to manage
with the content of a HTML5 canvas element easily. It runs on any platform
(including iPhone, iPad, Android) that supports canvas and JavaScript.
To add support for canvas in Internet Explorer you can use ExCanvas.
2010
2009
2007
solutoire.com | Plotr
by parmentierf & 3 others
Some time ago I was looking for a charting framework for Prototype and I couldn’t find it, just because there’s none. So that’s where it all started. I came across PlotKit, a well written piece of javascript that enables developers to use Canvas or SVG elements for rendering bar, line and pie charts. The only thing was that PlotKit needed the Mochikit library to work. So I took some parts of PlotKit and wrote some parts myself. The result is a lightweight charting framework (12kb!) named Plotr. It’s released under the BSD license.
2006
Another project: a moving clickable square - Anne’s Weblog
by parmentierf
Not in ECMAScript though, in Java. Fun! A moving clickable square is essentially the same application (minus the bugs), but written using canvas
SVG, Canvas & co - News Xulfr
by parmentierf
Vous avez certainement pu voir la démo de l'horloge codée avec la technologie Canvas. Voici ce même exemple mais codé avec d'autres technologies.
Comment fonctionne l'application originale ?
Elle utilise une balise nommée <canvas/> qui permet de dessiner en Javascript. Conrètement, il y a un dessin pour le fond de l'horloge, et un dessin pour chaque aiguille. Via un code javascript du <canvas/>, les positions des aiguilles sont mises à jour. Le fait de pouvoir bouger l'horloge sur la page est une mise à jour des coordonnées du <div/> qui embarque l'horloge.
C'est une jolie démo qui montre comment utiliser Canvas et ce que l'on peut en faire.
René-Luc D'Hont vous propose exactement la même démo mais avec 2 autres technologies, le SVG et XBL.
Ces démos ne sont visibles que sous Firefox 1.5.
2005
De la bonne utilisation des technologies - jy[B]log
by talou & 2 others
On vampirise le HTML pour réaliser des applications web. Certes, on le fait depuis longtemps faute de mieux, mais de nouvelles technologies émergent. Il serait peut être temps alors d'arreter d'utiliser HTML pour tout et n'importe quoi, et de l'utiliser uniquement ce pourquoi il a été conçu : le document. Il serait peut être temps d'utiliser autre chose pour les applis web, comme le XUL, pour avoir de vraies interfaces utilisateurs.
1
(23 marks)
