编辑器支持拖动元素的四角改变元素大小
广告
{{v.name}}
📋 原始需求(task.md):
edit.html的编辑器需要在元素的四角各显示1个白点,支持拖动白点改变元素大小
edit.html的编辑器需要在元素的四角各显示1个白点,支持拖动白点改变元素大小
问题分析
编辑器元素只能拖动位置,没有尺寸控制点;图片虽有 width,文字多为内容撑开,无法通过四角拖拽统一缩放。导出时若控制点仍显示,还会画进成品图。
解决方案
1. 选中元素四角渲染白色圆形 handle(nw/ne/sw/se),mousedown 调用 startResize 按角点调整 x/y/width/height。 2. 文字缩放时按高度比例同步调整 fontSize;ensureElSize 为缺宽高的旧数据补默认尺寸。 3. 保存/导出前暂时取消选中,隐藏控制点与选中框。