javascript - 如何在木瓜中管理缩放和长度手柄

Question

我想做的是

1）我想在图像上画一个长度并想添加句柄来编辑它。

2）当我想缩放图像时，绘制的长度应该与缩放级别相匹配。

ctx.beginPath();
            ctx.moveTo(linearr[i].x1, linearr[i].y1);
            ctx.lineTo(linearr[i].x2, linearr[i].y2);
            ctx.closePath();
            ctx.stroke();

            ctx.beginPath();
            ctx.arc(linearr[i].x1, linearr[i].y1, 2, 0, Math.PI * 2, true);
            ctx.closePath();
            ctx.fillStyle = 'green';
            ctx.fill();
            ctx.stroke();

            ctx.beginPath();
            ctx.arc(linearr[i].x2, linearr[i].y2, 2, 0, Math.PI * 2, true);
            ctx.closePath();
            ctx.fillStyle = 'green';
            ctx.fill();
            ctx.stroke();

linearr数组在哪里

Answer 1

Papaya 已经支持标尺工具，如果您需要的话。

否则，请参阅该函数papaya.viewer.Viewer.prototype.drawRuler()以获取有关如何使用屏幕变换绘制线条的示例，其中包括缩放变换。另一个可能对您有帮助的功能是this.selectedSlice.findProximalRulerHandle().