Html5 canvas 使用jcanvas将两层移动到一起

Html5 canvas 使用jcanvas将两层移动到一起,html5-canvas,jcanvas,Html5 Canvas,Jcanvas,使用,如何链接两个可拖动层,使它们一起移动。 圆圈和文档图标是两个不同的层。我怎么买 a在同一层上绘制或b一起移动 // document .drawArc({ layer: true, groups: ['document'], fillStyle: 'yellow', x: 100, y: 250, radius: 50 }) .drawImage({ groups: ['doc

使用,如何链接两个可拖动层,使它们一起移动。 圆圈和文档图标是两个不同的层。我怎么买 a在同一层上绘制或b一起移动

  // document
      .drawArc({
      layer: true,
      groups: ['document'],
      fillStyle: 'yellow',
      x: 100, y: 250,
      radius: 50
      })

      .drawImage({
      groups: ['document'],
      source: "img/document.jpg",
      x: 100, y: 250,
      width:40, height: 40,
      layer: true
    })


    $('canvas').setLayerGroup('document', {
      draggable: true,
      bringToFront: true
    })
您可以使用dragGroups:[]

代码在这里

    $('canvas').drawArc({
            layer: true,
            groups: ['document'],
            dragGroups: ['document'],
            draggable: true,
            fillStyle: 'yellow',
            x: 100, y: 250,
            radius: 50
        })

        .drawImage({
            groups: ['document'],
            dragGroups: ['document'],
            draggable: true,
            source: "img/document.jpg",
            x: 100, y: 250,
            width: 40, height: 40,
            layer: true
        }).drawLayers();

我的解决方案是使用svg图像,而不是单独绘制零件。也许其他人可以提出这个问题的答案。文档没有明确说明这个用例。