我正在尝试在 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;
(注意:上下文是我从 Canvas 获取的 2D 上下文。)
绘图效果完美,我可以看到我的卡片,但无法拖动它。我对 Dart 还很陌生,所以这可能是显而易见的事情,尽管我找不到任何解释它的教程。
最佳答案
您使用 ImageElement 作为源在 CanvasElement 上绘制某些内容。
一旦像素出现在 Canvas 上(通过 drawImage()),您的图像数据就不再是 HTMLElement,而是像素了:)
然而,draggable
属性是 HTMLElement 的一个属性。
如果将图像添加到文档中,您会发现可以研究 draggable
的行为,如下所示:
document.body.nodes.add(image);
如果您“仅”想要可拖动的图像,您可以从那里获取它,也许看看 http://www.whatwg.org/specs/web-apps/current-work/multipage/dnd.html 否则,如果您希望 Canvas 上的东西可拖动,那就是一个不同的(更复杂的?)故事。
关于Dart - 可拖动图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12308496/