Support transparent rectangles derived from top level HTML/CSS boxes

[cgrobb]

This is to facilitate drawing connecting lines between HTML/CSS box model boxes.

Design Ideas

• Separate "Automagical" arrow tool
• Limit the boxes that can be connected to those that are some combo of large, visual (<img>, <video>, etc), semantic (<section>, <article>, <main>), and terminating (have no child elements).
• Recalc these "Automagical" connecting lines upon browser window/viewport resize

[nimeshnayaju]

Hi, this is a really cool idea. I believe tldraw bindings (arrows) have a from and to property that represents the from and to nodes/shapes respectively. So, this might require creating a new ShapeType that represents the HTML elements (img, video, etc.). Not sure what might be the best way to go about it but I'd love to spend more time thinking about it. Thanks for bringing this up!