Donc, quand je charge mes données depuis JSON, la mise à l'échelle de X et Y n'est pas respectée, donc quand l'objet se charge, il conserve sa hauteur/largeur d'origine. Une raison pour cela et de toute façon pour contourner cela?fabricjs - loadFromJSON ne respectant pas la mise à l'échelle
Le rectangle gauche doit être plus grand que le rectangle.
var canvas = new fabric.Canvas('c');
let json = {"objects":[{"type":"rect","originx":"left","originy":"top","left":323,"top":259,"width":50,"height":300,"fill":"#ff5b6d","stroke":null,"strokewidth":0,"strokedasharray":null,"strokelinecap":"butt","strokelinejoin":"miter","strokemiterlimit":10,"scalex":1.54,"scaley":1.54,"angle":0,"flipx":false,"flipy":false,"opacity":1,"shadow":null,"visible":true,"clipto":null,"backgroundcolor":"","fillrule":"nonzero","globalcompositeoperation":"source-over","transformmatrix":null,"skewx":0,"skewy":0,"rx":0,"ry":0},{"type":"rect","originx":"left","originy":"top","left":205,"top":198,"width":50,"height":300,"fill":"#ff5b6d","stroke":null,"strokewidth":1,"strokedasharray":null,"strokelinecap":"butt","strokelinejoin":"miter","strokemiterlimit":10,"scalex":1,"scaley":1,"angle":0,"flipx":false,"flipy":false,"opacity":1,"shadow":null,"visible":true,"clipto":null,"backgroundcolor":"","fillrule":"nonzero","globalcompositeoperation":"source-over","transformmatrix":null,"skewx":0,"skewy":0,"rx":0,"ry":0}]}
canvas.loadFromJSON(json);
<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.18/fabric.min.js"></script>
<canvas id="c" width="1000" height="1000"></canvas>
hmm je vais essayer avec le camelcase. J'ai aussi des problèmes avec le fait d'être importé et de ne pas enregistrer correctement. J'enregistre mes données en utilisant 'toJSON'. Je vais tourner autour d'un peu d'abord –
J'ai réalisé mon problème, sur le backend je traitais accidentellement le texte (en faisant tous les caractères minuscules). Fixé cela et maintenant cela fonctionne comme prévu :) –