Hufe921 / canvas-editor

rich text editor by canvas/svg
https://hufe.club/canvas-editor-docs
MIT License
3.47k stars 506 forks source link

单元格框线设置优化 #714

Open MayIsACat opened 1 month ago

MayIsACat commented 1 month ago

version

v0.9.86

Link to minimal reproduction

No response

Steps to reproduce

通过上面工具栏来创建表格A、B、C、D等表格 表格33

What is expected?

拼接表格的地方,重合部分的边框线不会重复渲染,只需要渲染一次

What is actually happening?

有时候两个表格的边框线都渲染了,造成边框线变粗变黑,很突兀,有时候又是正常的, 正常的如下图一,下面是两个表格拼接的: 表格AB 有时候又不正常,如图二: 表格2

System Info

No response

Any additional comments?

No response

Hufe921 commented 1 month ago

提供一下getValue后的数据,及系统信息

MayIsACat commented 1 month ago

提供一下getValue后的数据,及系统信息 这是getValue的信息 result.json 我这个操作流程是为了到达设置每个单元格的列宽不等的目的(看了已有代码和issues,现在版本还不支持单独拖拽单元格框线来调整高度和宽度),这种操作似乎也是不大对的: 1、想要的操作顺序是: 右键表格-->表格边框-->单元格边框-->点击上边框/下边框/左边框/右边框,直接实现选中区域的单元格上边框/下边框/左边框/右边框的显示或不显示,像wps的表格设置边框一样 2、现在的操作顺序是: 需要先点一下右键表格-->表格边框-->无框线,然后再去一个一个点单元格来配置框线(这种流程让之前配置好的单元格失去边框了,需要又返回重新一个一个配置框线,很麻烦) 目前还尝试过的思路是: 在下图一文件代码采用方案A(注释掉方案B,其他边框也采用这个思路),也能清除上边框线如图二,但是在页面缩放之后会出现一条很细的线(是拖拽线吗?)如图三: 图一: zzzzzzzzz 图二: aaa 图三: bbbb 求助: 大佬能否提供下实现给选中单元格区域拖拽设置宽度和高度,或者直接右键表格-->表格边框-->单元格边框-->点击上边框/下边框/左边框/右边框来实现选中单元格上边框或其他边框显示与否,不用必须先点无框线

Hufe921 commented 1 month ago

rowMargin 可以设置更小一点试试

表格框线问题确实可以优化一下

MayIsACat commented 1 month ago

rowMargin 可以设置更小一点试试

表格框线问题确实可以优化一下

嗯啊,rowMargin设置为更小的0.01,能达到效果,曲线救国了,感谢大佬!期待后面表格框线变得更完善!