Html5 canvas 使用jcanvas将两层移动到一起
使用,如何链接两个可拖动层,使它们一起移动。 圆圈和文档图标是两个不同的层。我怎么买 a在同一层上绘制或b一起移动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
// 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图像,而不是单独绘制零件。也许其他人可以提出这个问题的答案。文档没有明确说明这个用例。