在绝对拖拽模式下,如果应用缩放,组件不会正确下落
应该会在这个分支里修正 https://github.com/artf/grapesjs/tree/multi-frame 多帧技术离完成还很远,但我希望尽快合并那个分支(大画布重构但不破坏性变动),肯定不是这次版本(应该今天发布),但很可能在下一个版本。
阅读下方完整回答 ↓问题
如果将拖曳模式设置为绝对且画布上有放大值,组件不会被放置在准确位置。
GrapesJS 版本:0.15.8
该问题也可以在演示中重现: [https://jsfiddle.net/y8m1x4a3/](https://jsfiddle.net/y8m1x4a3/)
预期行为: 即使拖曳模式设置为绝对并对画布进行缩放,组件仍可降至光标位置。
当前行为: 当拖拽模式为绝对且有缩放值时,分量会从光标位置远离。(距离/偏移取决于缩放级别)
繁殖步骤:
- 打开上方的 jsfiddle(带编辑器。Canvas.setZoom(50))
- 尝试添加新的文本组件
- 检查光标位置与元件位置之间的距离。
距离/偏移取决于变焦值。
编辑。Canvas.setZoom 函数使用 transform:scale() CSS 属性,因此“drop”位置不再准确。
回答(2)
应该会在这个分支里修正 https://github.com/artf/grapesjs/tree/multi-frame 多帧技术离完成还很远,但我希望尽快合并那个分支(大画布重构但不破坏性变动),肯定不是这次版本(应该今天发布),但很可能在下一个版本。
我关闭这个问题,因为我计划在这里解决所有与绝对位置有关的问题:https://github.com/artf/grapesjs/issues/3770
相关问答
通过相似的问题讨论继续研究。
问题 #5990
当你删除组件时,组件间的重复类也会被删除。
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome 126.0.6478.127(Windows) 可复制演示链接 https://jsfiddle.net/t06s4oLb/8/ 描述一下那个虫子 如何复现这个漏洞?将第1节添加到画...
问题 #4744
变换、缩放和旋转都不正常。
葡萄JS版本[X] 我确认使用最新版本的GrapesJS你用的是什么浏览器? 勇敢的最后版本可复制演示链接 https://jsfiddle.net/ptzavm1b/描述一下那个虫子 如何复现这个漏洞?点击一个元素尝试用StyleManager UI添加这个CSS样式:“tr...
问题 #3405
专长:在块状物落入画布前,需要挂钩的事件
警告 请阅读并遵循接下来的三步,然后在发布问题前删除它们遵守贡献指南 https://github.com/artf/grapesjs/blob/master/CONTRIBUTING.md先快速搜索一下,看看有没有人没开同样的问题所有相关陈述/问题都必须填写/回答,否则问题可...
问题 #4015
拖放在RTL时效果不好
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Chrome v96 可复制演示链接 https://jsfiddle.net/emgbo8k1/3/ 描述一下那个虫子 如何复现这个漏洞?将三列积木添加到画布上拖放以改变列的顺序 预期的行为是什...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。