1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import React from 'react';
import type { NextPage } from 'next';
import { Page, Container, Canvas } from 'components/content';
import { View, Layer, Circle, CompoundPath } from 'react-paper-bindings';
const CompoundPathPage: NextPage = () => {
return (
<Page title="CompoundPath">
<Container>
<Canvas>
<View>
<Layer>
<CompoundPath selected fillColor="black">
<Circle center={[75, 75]} radius={30} />
<Circle center={[75, 75]} radius={10} />
</CompoundPath>
</Layer>
</View>
</Canvas>
</Container>
</Page>
);
};
export default CompoundPathPage;