fabric-canvas
Version:
Web Component wrapper of fabric.js
41 lines (40 loc) • 1.19 kB
HTML
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, minimum-scale=1, initial-scale=1" />
<title>fabric-canvas demo</title>
<script dev src="../node_modules/@webcomponents/webcomponentsjs/webcomponents-bundle.js"></script>
<script dev type="module" src="demo.js"></script>
<custom-style>
<style is="custom-style" include="vaadin-component-demo-shared-styles">
vaadin-component-demo {
padding: var(--lumo-space-m);
}
body {
margin: 0;
background: #fbfbfb;
}
main {
transition: opacity 0.5s;
}
main.hidden {
opacity: 0;
}
html {
--lumo-primary-color: #009688;
}
</style>
</custom-style>
</head>
<body>
<main class="hidden">
<vaadin-component-demo config-src="demos.json"></vaadin-component-demo>
<demo-links
api-url="api/#/elements/FabricCanvas"
code-url="https://stackblitz.com/edit/fabric-canvas?file=index.html"
>
</demo-links>
</main>
</body>
</html>