Function resizeHandler

notes.js:2616–2679

(e)

            
            // 拖拽调整大小
            const resizeHandler = (e) => {
                e.preventDefault();
                e.stopPropagation();
                
                handle._isDragging = true;
                const startX = e.clientX;
                const startY = e.clientY;
                const startWidth = img.offsetWidth;
                const startHeight = img.offsetHeight;
                const aspectRatio = startWidth / startHeight;
                
                const onMouseMove = (moveEvent) => {
                    const deltaX = moveEvent.clientX - startX;
                    const deltaY = moveEvent.clientY - startY;
                    
                    // 根据x方向的变化计算新尺寸，保持宽高比
                    let newWidth = Math.max(50, startWidth + deltaX);
                    let newHeight = newWidth / aspectRatio;
                    
                    // 计算可用的最大尺寸，避免遮挡底部按钮
                    const maxWidth = editor.offsetWidth - 40;
                    const bottomBar = editor.parentElement.querySelector('.nsn-bottom');
                    const bottomBarHeight = bottomBar ? bottomBar.offsetHeight + 20 : 60;
                    const maxHeight = editor.offsetHeight - bottomBarHeight;
                    
                    // 限制最大宽度
                    if (newWidth > maxWidth) {
                        newWidth = maxWidth;
                        newHeight = newWidth / aspectRatio;
                    }
                    
                    // 限制最大高度，避免遮挡底部按钮
                    if (newHeight > maxHeight) {
                        newHeight = maxHeight;
                        newWidth = newHeight * aspectRatio;
                        if (newWidth > maxWidth) {
                            newWidth = maxWidth;
                            newHeight = newWidth / aspectRatio;
                        }
                    }
                    
                    img.style.width = newWidth + 'px';
                    img.style.height = newHeight + 'px';
                    img.style.maxWidth = 'none';
                };
                
                const onMouseUp = (upEvent) => {
                    handle._isDragging = false;
                    document.removeEventListener('mousemove', onMouseMove);
                    document.removeEventListener('mouseup', onMouseUp);
                    
                    // 检查是否仍在容器内，如果不在则隐藏手柄
                    const rect = container.getBoundingClientRect();
                    const mouseX = upEvent.clientX;
                    const mouseY = upEvent.clientY;
                    if (mouseX < rect.left || mouseX > rect.right || mouseY < rect.top || mouseY > rect.bottom) {
                        handle.style.display = 'none';
                        container.style.border = '1px dashed transparent';