欢迎光临散文网 会员登陆 & 注册

给Obsidian Excalidraw增加任意元素的bounding box

2023-09-01 22:44 作者:一鸣惊人_001  | 我要投稿

背景

有时候需要给自定义的元素增加一个bounding box,用于方便改变背景、连接箭头(用于跳转过渡等功能)等。而现在Excalidraw无法给任意元素增加bounding box,因此增加这个功能。

效果

一、 跳转过渡对比

虽然跳转过渡就算箭头没有连接一个元素也能跳转,但无法知道需要缩放的什么程度,有了之后就能更合适地缩放

1.1 有透明bounding box的跳转过渡效果。 (其中给大括号增加了一个透明的bounding box,可以跟着一起放大、缩小、旋转。)

 有透明bounding box的跳转过渡效果

1.2 无 bounding box的跳转过渡效果

无 bounding box的跳转过渡效果

二、bounding box演示

2.1 创建

创建bounding box

2.2 随着元素的放大、缩小,bounding box跟着变

bounding box跟着变

2.3 当然bounding box就是个矩形,可以改变属性,比如透明隐藏

改变属性

实现

和上次生成表格类似,都是在对元素进行resize时/后进行Hook。不过设置矩形形状部分没有通过getBoundingBox的结果去设置,因为这里的矩形需要可以跟着旋转。

(这次顺便把上次的resizeSingleElementHook挪到TransformElements后,以cover多元素resize的情况)


给Obsidian Excalidraw增加任意元素的bounding box的评论 (共 条)

分享到微博请遵守国家法律