飞镖 - 可拖动的图像

时间:2012-09-06 21:13:24

标签: dart

我正试图在Dart中获得可拖动的图像。虽然设置我的图像的可拖动bool不起作用。

image = new ImageElement();
image.src = ImageSourceByName(name);
image.on.load.add((event) {Context.drawImage(image, 10, 10, CARD_SMALL_WIDTH, CARD_SMALL_HEIGHT);});
image.draggable = true;

(注意:Context是我从Canvas获得的2D上下文。)

绘图效果很好,我可以看到我的卡片,虽然我无法拖动它。我对Dart很新,所以它可能是显而易见的,虽然我找不到任何解释它的教程。

1 个答案:

答案 0 :(得分:2)

您正在使用ImageElement作为在CanvasElement上绘制内容的源 一旦像素在画布上(通过drawImage()),您的图像数据不是HTMLElement,但是,像素:)

然而,draggable attr是HTMLElement的属性。 如果您将图像添加到文档中,您会注意到您可以研究draggable的行为,如下所示: document.body.nodes.add(image);

如果你'只想'拥有可拖动的图片,你可以从那里拿走它,也许看看http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html 否则,如果你想让画布上的东西可以拖动,那就是一个不同的(更复杂的?)故事。