20 lines
466 B
TypeScript
20 lines
466 B
TypeScript
import { Graphics } from "@pixi/react";
|
|
|
|
interface Props {
|
|
canvasSize: BoundingBox;
|
|
isDark: boolean;
|
|
}
|
|
|
|
function CanvasBorder({ canvasSize, isDark }: Props) {
|
|
return (
|
|
<Graphics
|
|
draw={(g) => {
|
|
g.clear();
|
|
g.lineStyle(2, isDark ? 0xffffff : 0x000000, 0.25, 1);
|
|
g.drawRect(canvasSize.minX * 16, canvasSize.minY * 16, (canvasSize.maxX - canvasSize.minX) * 16, (canvasSize.maxY - canvasSize.minY) * 16);
|
|
}}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default CanvasBorder;
|