我需要将服务器端图像加载到用户定义的“框架”中，并在画布元素上使用直js-

Question

我有一个允许用户描边矩形的画布 - 我需要这个新绘制的矩形成为从db进来的图像的目标坐标

我希望你们其中一个javaScript jedi能够快速高级大纲或伪代码来解决我的padawan问题。 “帮助我[你的名字在这里]，你是我唯一的希望。”我现在停下来。

Answer 1

我处理这个问题的方法是使用鼠标事件处理程序rect.startX＆amp; rect.startY表示目标（x，y）和rect.width＆amp;目的地的rect.height w / h：

document.getElementById("image").onclick= function() {
    context.drawImage(image,rect.startX,rect.startY,rect.w,rect.h);
};

来自服务器的图像在'image-prepper'函数中处理，该函数将图像加载到它们驻留的屏幕外画布上，直到被调用到可见画布上。