gpt4 book ai didi

Dart - 可拖动图像

转载 作者:行者123 更新时间:2023-12-02 02:12:04 25 4
gpt4 key购买 nike

我正在尝试在 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 attr 是 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/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com