Общие сведения о Z-Index ткани

Michael Roebbeling спросил: 26 декабря 2017 в 07:59 в: javascript

Мне сложно понять функцию moveto объекта canvas. Я пытаюсь загрузить объект и разместить его в соответствии с моим планом z-index. Это может привести к тому, что объект загружен раньше другого объекта, но с более высоким Z-индексом более поздняя загрузка. Но это не работает как запланированное. Является ли Fabric просто добавлением одного на другое, в соответствии с их временным дополнением к холсту?

Вот код для установки Z-индекса.

function makeMySvg(urlNames,yvalues,xvalues,zvalues,dasArray,theCanvas)
{
    var targetUrl = urlNames.shift();
    var targetY = yvalues.shift();
    var targetX = xvalues.shift();
    var targetZ = zvalues.shift();
    if (targetUrl){
    fabric.loadSVGFromURL(targetUrl,    function(objects)
    {            var obj = new fabric.util.groupSVGElements(objects, {
              //left: versatzx-14, // 1/2 breite 28px hoehe 33px
              //top: versatzy+axpos1/10*factor,
              top: targetY,
              left: targetX,
              opacity: 1,
              scaleX: 1,
              scaleY: 1,
              selectable: true,
              objectCaching: true
            });            theCanvas.add(obj);
            dasArray.push(obj);
            theCanvas.moveTo(obj, targetZ);
            console.log(targetZ);
            //obj.moveTo(targetZ);
            makeMySvg(urlNames,yvalues,xvalues,zvalues,dasArray,theCanvas);    });
  }
  theCanvas.renderAll();
} var axleUrls =['images/axe180a.svg', 'images/axe180b.svg'];
 var axleY = [versatzy+axpos1/10*factor,versatzy+oldlength*5-axpos2/10*factor-30];
 var axleX = [versatzx-45,versatzx-45];
 var axleZ = [28,29];
 var axle=[];        makeMySvg(axleUrls, axleY, axleX, axleZ, axle, canvas);

0 ответов