Dart - 可拖动图像

标签 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;

(注意:上下文是我从 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/

相关文章:

dart - 如何在 flutter 中使设备顶部面板(状态栏)具有与 AppBar 相同的背景颜色?

javascript - Dart 使用桌面 HTML 应用程序框架

image - 我可以在后台运行 "image.dart"函数吗

flutter - Dart 范围运算符

flutter - 在 Flutter 的 main/App 类中调用方法?

dart - Process.run() : No such file or directory

dart - 如何排除调试代码

dart - js-interop:从dart传递javascript对象

Flutter - 如何对齐工具栏中的徽章图标?

android - super.function() 的位置是否会导致代码执行问题?