Function resizeShape

src/components/shapes/draw.js:543–619

(dx, dy)

    }

    function resizeShape(dx, dy) {
        if (isPath) {
            // TODO: implement path resize, don't forget to update dragMode code
            var noOp = function (coord) {
                return coord;
            };
            var moveX = noOp;
            var moveY = noOp;

            if (xPixelSized) {
                modifyItem('xanchor', (shapeOptions.xanchor = p2x(xAnchor + dx)));
            } else {
                moveX = function moveX(x) {
                    return p2x(x2p(x) + dx);
                };
                if (xa && xa.type === 'date') moveX = helpers.encodeDate(moveX);
            }

            if (yPixelSized) {
                modifyItem('yanchor', (shapeOptions.yanchor = p2y(yAnchor + dy)));
            } else {
                moveY = function moveY(y) {
                    return p2y(y2p(y) + dy);
                };
                if (ya && ya.type === 'date') moveY = helpers.encodeDate(moveY);
            }

            modifyItem('path', (shapeOptions.path = movePath(pathIn, moveX, moveY)));
        } else if (isLine) {
            if (dragMode === 'resize-over-start-point') {
                var newX0 = x0 + dx;
                var newY0 = yPixelSized ? y0 - dy : y0 + dy;
                modifyItem('x0', (shapeOptions.x0 = xPixelSized ? newX0 : p2x(newX0)));
                modifyItem('y0', (shapeOptions.y0 = yPixelSized ? newY0 : p2y(newY0)));
            } else if (dragMode === 'resize-over-end-point') {
                var newX1 = x1 + dx;
                var newY1 = yPixelSized ? y1 - dy : y1 + dy;
                modifyItem('x1', (shapeOptions.x1 = xPixelSized ? newX1 : p2x(newX1)));
                modifyItem('y1', (shapeOptions.y1 = yPixelSized ? newY1 : p2y(newY1)));
            }
        } else {
            var has = function (str) {
                return dragMode.indexOf(str) !== -1;
            };
            var hasN = has('n');
            var hasS = has('s');
            var hasW = has('w');
            var hasE = has('e');

            var newN = hasN ? n0 + dy : n0;
            var newS = hasS ? s0 + dy : s0;
            var newW = hasW ? w0 + dx : w0;
            var newE = hasE ? e0 + dx : e0;

            if (yPixelSized) {
                // Do things in opposing direction for y-axis.
                // Hint: for data-sized shapes the reversal of axis direction is done in p2y.
                if (hasN) newN = n0 - dy;