问一个可视化前端需求？麻烦大佬棒棒

[wurunpu]

就是可以从左侧拖入一个画布，画布可缩放，元素可以拖拽，可以编辑。能记录位置；下次加载可以保存；
感觉原生的话 div 好像对位置 还有缩放，实现起来挺难维护的，因为可能有很多可编辑的元素；
canvas 的话感觉编辑文本好像不太好实现，
已经知道 G6，X6，go.js 可以实现，问问可以还有其他方式吗？都不限 就是提供个思路；
谢谢各位

[superrichman]

drawio

[idlewater]

可视化前端我实现过两个，都是开源的。第一个是疫情期间，在家无事做的，演示地址： https://vular.cn/rxeditor/
代码地址： https://github.com/rxwater/rxeditor
在用户体验方面，这个项目有点高不成，低不就。开发人员不愿用，非开发人员不会用，现在也不维护了。不过这个应该不是题主关注的，题主关注的是技术实现。具体技术是这样的：
1 、内核使用纯 js 实现，可以解析纯粹的 HTML，把 HTML 转化成一个虚拟节点树处理。
2 、壳子 Vue 实现

第二个是现在正在做的，基于 React 的一个可视化低代码项目，演示地址： https://dragit.vercel.app/login
代码地址： https://github.com/rxwater/dragit

这个可视化部分使用的是 React，可以拖放 React 组件。内部也是吧 React 组件组织成一虚拟节点树来处理。
你先看看，有问题可以随时问我。

[bojue]

可以选择 DOM:

(ng8) https://github.com/bojue/Web-Editor

(vue) https://github.com/bojue/BaseMap

也可以 dom +canvas 结合使用，文本使用 div，渲染过程转换成 canvas

[wurunpu]

@idlewater 好的 我看看

[wurunpu]

@superrichman ok 我康康

[wurunpu]

@bojue 好的 感谢

[wurunpu]

@idlewater 第二个项目一直在转圈圈 控制套输出 error 。

[idlewater]

@wurunpu 是 moc 系统吧？手边没有 moc，没在上面跑过，不知哪里出了问题。