PUBLIC MARKS with tags html & canvas

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.

security error arise when one tries to operate from an image that isn't on the same security domain as the script, afaik.

The "Design" page for iPhone 5 includes an auto-playing video of the device being unlocked. But there's no video element, just a canvas. And if you check the "Network" tab of the inspector, you won't find any video there either. But you will find some strange JPEG images:

An improved API for the HTML tag

From Maciej Stachowiak on 2010-03-04 ([email protected] from March 2010)

To do this, it needs to have access to the individual pixels of the images it's operating on -- which is why for jQSlickWrap to work, you need to have a browser that supports HTML 5's new canvas element. Here's an overview of the algorithm: 1. If necessary, pre-load the image. 2. Determine the CSS styles for the image (float and padding). 3. Create a canvas element and set its dimensions to the size of the image plus its padding. 4. Draw the image onto the canvas in the top-left location. 5. Figure out the "background" color of the image by examining the pixel data at the top-left corner of the image. 6. Fill the canvas with this background color.

an educational Introduction to HTML 5 video that goes over many of the major aspects of this new standard

Firefox, Safari and Opera 9 support the canvas tag to allow 2D command-based drawing. ExplorerCanvas brings the same functionality to Internet Explorer.

Data visualization in HTML has long been tricky to achieve. Past solutions have involved non-standard plugins, proprietary behavior, and static images. But this has changed with the recent growth in support for the new HTML Canvas element, which provides a native drawing API that can be addressed with simple Javascript. This article is a proof of concept for visualizing HTML table data with the canvas element.

A near pixel-perfect copy of Microsoft Paint in HTML, CSS and JavaScript, using the tag as specified by WHATWG and supported by Safari 1.3, Firefox 1.5 and Opera 9.

PlotKit is a Chart and Graph Plotting Library for Javascript. It has support for HTML Canvas and also SVG via Adobe SVG Viewer and native browser support.

3D First-person shooter with Canvas

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.

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.