Tldraw/examples/tldraw-example/src/api.tsx

35 wiersze
758 B
TypeScript

import { ColorStyle, TDShapeType, Tldraw, TldrawApp } from '@tldraw/tldraw'
import * as React from 'react'
declare const window: Window & { app: TldrawApp }
export default function Api() {
const rTldrawApp = React.useRef<TldrawApp>()
const handleMount = React.useCallback((app: TldrawApp) => {
rTldrawApp.current = app
window.app = app
app
.createShapes({
id: 'rect1',
type: TDShapeType.Rectangle,
point: [100, 100],
size: [200, 200],
})
.selectAll()
.nudge([1, 1], true)
.duplicate()
.select('rect1')
.style({ color: ColorStyle.Blue })
.selectNone()
}, [])
return (
<div className="tldraw">
<Tldraw onMount={handleMount} />
</div>
)
}