Small fix: zooming in on arrows in @excalidraw no longer leads to clipped arrows.
(This is how it used to look.)
Since I have the GIFs, here's a quick explanation. When it comes time to draw an element, it is first drawn onto an off-screen canvas. This canvas is then composed onto the main canvas.
How big should the off-screen canvas be? For arrows and other linear elements, the bounds are calculated based on the line. We also give the canvas a padding in order to catch any rogue pixels, such as an element's arrowheads.
When you zoom in on a line, its arrowheads are drawn larger. However, the off-screen canvas's padding didn't grow in relation to the zoom, leading to the clipping shown above.
The fix? Make the canvas padding proportional to the zoom. If 100% zoom has a 20px padding, a 200% zoom should have... 40px padding. Easy!
• • •
Missing some Tweet in this thread? You can try to
force a refresh
