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

Question

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

我希望你们中的一个 JavaScript 绝地武士能快速概述或伪编码解决我的 padawan 问题的最合乎逻辑的方法。“帮助我[你的名字]，你是我唯一的希望。” 我现在停下来。

Answer 1

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

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

来自服务器的图像在“图像准备器”函数中处理，该函数将图像加载到它们所在的屏幕外画布上，直到被调用到可见画布上。