smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix lasertool offset

Browse source
This commit is contained in:
zsviczian 2023-10-07 08:49:32 +02:00 • committed by GitHub
parent a249f332a2
commit c65d6506f7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 17 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/components/LaserTool/LaserTool.tsx
View file

@ -1,12 +1,17 @@
import { useEffect, useRef } from "react";
import { LaserPathManager } from "./LaserPathManager";
import "./LaserToolOverlay.scss";
import { UIAppState } from "../../types";
type LaserToolOverlayProps = {
manager: LaserPathManager;
appState: UIAppState;
};
export const LaserToolOverlay = ({ manager }: LaserToolOverlayProps) => {
export const LaserToolOverlay = ({
manager,
appState,
}: LaserToolOverlayProps) => {
const svgRef = useRef<SVGSVGElement | null>(null);
useEffect(() => {
@ -20,7 +25,13 @@ export const LaserToolOverlay = ({ manager }: LaserToolOverlayProps) => {
}, [manager]);
return (
<div className="LaserToolOverlay">
<div
className="LaserToolOverlay"
style={{
top: `-${appState.offsetTop}px`,
left: `-${appState.offsetLeft}px`,
}}
>
<svg ref={svgRef} className="LaserToolOverlayCanvas" />
</div>
);