如何强制画布fabricJS刷新开发者社区

文章/答案/技术大牛

发布

  ....
 initComplete: function (settings, json) {
   let clients = json;
   if(clients.length !== 0)
       //clients is an array of length 100
       for (client of clients)
             let icone = new Image;
              if (client.ProfileId !== '')
                   //..Codes pour afficher les client wifi sur le canvas
                   client_real_left = (client.MapCoordinate.x * baseWidth) / widthFloor;
                   client_real_top = (client.MapCoordinate.y * baseHeight) / lengthFloor;
                   client_left = client_real_left;
                   client_top = client_real_top;
                   if (client.IconName === 'default.png' || client.IconName === null) {
                        icone.src = '/Icones/wifi.png';
                   else {
                          icone.src = '/Icones/' + client.IconName;
                          const wifiClient = new fabric.Image(icone,
                                    id: client.ProfileId,
                                    class: 'img_wifiClient',
                                    left: (transX + client_left) * canvasFabric.scale,
                                    top: (transY + client_top) * canvasFabric.scale,
                                    selectable: true,
                                    hasBorders: false,
                                    hasControls: false,
                                    padding: 0,
                                    perPixelTargetFind: true,
                                    width: 24,
                                    height: 24,
                                    originX: 'center',
                                    originY: 'center'
                            canvasFabric.add(wifiClient);
   } //end if
}

var canvas = new fabric.Canvas('c',{
  width:400,
  height:400
var image = new fabric.Image('');
canvas.add(image);
image.setSrc('https://picsum.photos/200/300',function(){

回答 1

Stack Overflow用户