Как управлять зумом и длиной ручки в папайе

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.viewer.Viewer.prototype.drawRuler() для примера того, как использовать преобразование экрана для рисования линий, которое включает преобразование масштабирования. Еще одна полезная функция this.selectedSlice.findProximalRulerHandle(),