| 1470 | return |
| 1471 | |
| 1472 | const updateRect = () => { |
| 1473 | const elementRect = elementRef.current?.getBoundingClientRect() |
| 1474 | |
| 1475 | if (!elementRect){ |
| 1476 | return |
| 1477 | } |
| 1478 | |
| 1479 | const left = ((elementRect.left || 0) - canvasRect.left) / canvasZoom - 10; |
| 1480 | const top = ((elementRect.top || 0) - canvasRect.top) / canvasZoom - 10; |
| 1481 | const width = (elementRect.width / canvasZoom) + 20; |
| 1482 | const height = (elementRect.height / canvasZoom) + 20; |
| 1483 | setRect({ left, top, width, height }); |
| 1484 | } |
| 1485 | |
| 1486 | clearTimeout(timeoutRef.current); |
| 1487 | |