как управлять зумом и длиной ручки в папайе - PullRequest
0 голосов
/ 08 июня 2018

Что я хочу сделать, это

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 - массив

1 Ответ

0 голосов
/ 08 июня 2018

Папайя уже поддерживает инструмент линейки , если это то, что вы ищете.

В противном случае см. Функцию papaya.viewer.Viewer.prototype.drawRuler() для примера того, как использовать преобразование экрана врисовать линии, которые включают в себя преобразование масштаба.Еще одна функция, которая может быть вам полезна: this.selectedSlice.findProximalRulerHandle().

...