此页面演示如何绘制矩形

提示:点击鼠标左键并拖动绘制矩形



核心代码:
// 鼠标移动
document.onmousemove = function(e) {
    // 更新 box 尺寸
    if(document.getElementById("active_box") !== null) {
        var ab = document.getElementById("active_box");
        ab.style.width = e.pageX - startX + 'px';
        ab.style.height = e.pageY - startY + 'px';
    }

    // 移动,更新 box 坐标
    if(document.getElementById("moving_box") !== null && dragging) {
        var mb = document.getElementById("moving_box");
        mb.style.top = e.pageY - diffY + 'px';
        mb.style.left = e.pageX - diffX + 'px';
    }
};

PDF解除限制


@2020 by ENREACHCN  粤ICP备2021008530号-1