Ci-dessous un exemple simple écrit par Simon Sarris de l'utilisation du canvas pour l'affichage, la sélection, le déplacement et le redimensionnement d'objets graphiques de base:
- un clic sur l'objet le sélectionne, un clic en dehors de l'objet déselectionne l'éventuel objet sélectionné
- un déplacement de souris sur l'objet sélectionné déplace l'objet
- un déplacement de souris à partir des poignées redimensionne l'objet
- un double clic crée un nouvel objet
Quelques exemples de notions importantes générales mises en pratique dans ce code, à regarder de près pour ceux qui ne sont pas encore familiers avec:
Le tutorial est disponible ici. Le code arrangé est mis en ligne par Andrew Clark et disponible sur github.