在画布上制作可拖动、可调整大小的图像

Posted 2023-05-08

【中文标题】在画布上制作可拖动、可调整大小的图像

【英文标题】：Making a draggable, resizable image on canvas

【发布时间】：2012-05-06 20:30:39

【问题描述】：

我正在阅读有关制作可拖动和可调整大小的矩形的教程 http://simonsarris.com/blog/225-canvas-selecting-resizing-shape

这是一个很好的，我想用图像创建一个类似的，这就是我所做的 http://jsfiddle.net/LUhsK/2/

我所做的只是更改脚本，而不是绘制正方形，而是在给定图像源、初始 X、初始 Y、宽度和高度的情况下绘制图像，但正如您所见，它不起作用。我真的找不到似乎是什么问题

【问题讨论】：

你的小提琴似乎有很多问题。首先，您不需要在小提琴中添加事件侦听器。您只需在小提琴窗口中调用您的函数。我改变了你的小提琴来做到这一点，我开始遇到一堆 JS 错误：addImg 未定义，imgsrc 未定义等。

【参考方案1】：

如果我清楚地了解您要搜索的内容，我想它可以很容易地解决

droppedElement = ui.helper.clone();
droppedElement.resizable();