Comment repositionner/déplacer un objet (avec son contenu) dans un canevas HTML5? Le flux peut être: a) sélectionner une zone (en utilisant un triangle, comme celui de l'icône de fonction de peinture MS?) b) déplacer l'objet vers un nouvel emplacement (repositionnement) avec le contenu intact.Comment faire pour repositionner/déplacer un objet dans une toile?
J'apprécierais votre aide.
Voulez-vous dire quelque chose comme:
imagedata = ctx.getImageData(sx, sy, sw, sh);
ctx.putImageData(imagedata, dx, dy);
Une toile est déjà peint/rendu. Donc, ce n'est que des pixels, un triangle cesse d'être un triangle après son dessin. Si vous voulez être en mesure de déplacer des objets comme des triangles, vous pouvez utiliser svg.
ok, c'est très utile pour me lancer dans cette tâche. Oublions le triangle maintenant alors. Autre question, comment pouvons-nous définir les coordonnées de départ (sx, sy), puis spécifier leur largeur et leur hauteur (sw, sh). Il doit se rapporter à mousedown, mouseup, mousemove et mousestop (pour dx, dy, coordonnées de destination)? Et pas même sûr s'il y a un tel événement appelé "mousestop" ... attention à jeter un peu de code de démo? Je l'apprécie énormément. don –
http://blog.fpmurphy.com/2010/02/html5-canvas-element-rubber-banding.html en donne un exemple. – SiggyF
Merci, SiggyF, le lien demo (try) ne fonctionne pas. Le code source me semble utile, je le déterre rapidement et je rends compte de mes découvertes. Don –
Définir "contenu" –