给Obsidian Excalidraw增加callout
目的
实现markdown中callout的效果,比较醒目、美观。可以鼠标悬停时高亮(阴影)
虽然可以嵌入iframe,但是iframe是最上层,无法和Excalidraw的其他元素交互
此外,Excalidraw中元素的位置更加灵活
效果
这里展示一个经典的callout样式
从library中拉出来一个,然后增加交互效果

实现
使用基本的矩形、SVG转形状画一个callout
增加onPointerUpdate的Hook,处理交互
这里展示的是当鼠标hover时增加元素的阴影,需要增加renderElement的Hook