Bonjour,

Je cherche le moyen de recupérer le code des objets placés.
Sut cette page d'exemple je n'arrive pas à comprendre:
http://fabricjs.com/events

En fait je voudrais pouvoir enregistrer les positions pour les reutiliser ulterieurement.
Ceci dans le but de modifier un canvas.

Soit vous avez un code sous le coude, ou un debut d'aide
Merci :)

2 réponses


Salut,
je sais pas si ca repond a ton besoin, mais tu peux recuperer les valeurs de positionnement grace a offset() :

HTML :

<body>
<div class="rouge" id="position"></div>
</body>

CSS :

.rouge{
  width: 40px;
  height: 40px;
  background-color:green;
  margin-top: random(160) + px;
  margin-left: random(160) + px;
}

JS :

var obj = document.getElementById("position");
var posY = obj.offsetTop;
var posX = obj.offsetLeft;

  var affichage = document.createElement('p');
  var texte = document.createTextNode('right : ' + posY + '. left : ' + posX);
  affichage.appendChild(texte);
  document.body.appendChild(affichage);

Hesites pas a donner un retour :)

Cdlt

hello

Merci de ta réponse :)
Mais en fait ce n'est pas la commande pour l'utilisation des position dans un canvas

voilà ce que j'ai fais, et pour d'autre en recherche :)
https://jsfiddle.net/E4Vcr/93/

Merci encore