Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve demo page #265

Merged
merged 13 commits into from
Jul 30, 2020
+1,960 −2,484
Merged

Improve demo page #265

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
13 commits
Select commit Hold shift + click to select a range
1453f5b
fix: fix meta
kmkzt Jul 28, 2020
78e48b4
docs: Fix link and version
kmkzt Jul 28, 2020
564f81c
fix: Switch layout with SP or PC
kmkzt Jul 28, 2020
8606153
feat: add drawing and animation example page
kmkzt Jul 28, 2020
eacfdcc
refactor: improve drawing demo page
kmkzt Jul 29, 2020
ba3c21c
feat: update animation page of demo
kmkzt Jul 29, 2020
b6e7e3c
feat: add Top page of demo
kmkzt Jul 29, 2020
06f7c70
style: Syntac highlight
kmkzt Jul 29, 2020
8dc6278
fix: Fix path
kmkzt Jul 30, 2020
a9fe52c
refactor: Add style of toppage
kmkzt Jul 30, 2020
07c8540
feat: update img-trace demo
kmkzt Jul 30, 2020
22c966b
fix: fix fromImageElement for return Promise and add comment
kmkzt Jul 30, 2020
664de7f
chore: remove unuse package
kmkzt Jul 30, 2020
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,12 @@

[![npm version](https://img.shields.io/npm/v/@svg-drawing/core/latest.svg)](https://www.npmjs.com/package/svg-drawing) [![npm download](https://img.shields.io/npm/dm/@svg-drawing/core.svg)](https://www.npmjs.com/package/svg-drawing) [![codecov](https://codecov.io/gh/kmkzt/svg-drawing/branch/master/graph/badge.svg)](https://codecov.io/gh/kmkzt/svg-drawing)

![svg animation image](./logo.svg)
![svg animation image](https://raw.githubusercontent.com/kmkzt/svg-drawing/master/logo.svg)

`svg-drawing` is svg based drawing library.

This is a **[demo](https://kmkzt.github.io/svg-drawing/)**.
Code is [here](examples/demo).
This is a **[demo](https://kmkzt.github.io/svg-drawing/demo/drawing)**.
Code is [here](https://github.com/kmkzt/svg-drawing/tree/master/examples/docs/pages/demo).

This project has moved to monorepo. If you want to use the previous version, please use [here](https://github.com/kmkzt/svg-drawing/tree/v3.0.0).

Expand Down Expand Up @@ -44,19 +44,19 @@ new SvgDrawing(el)
```html
<div id="draw-area" style="width: 100vw;height: 100vh;"></div>
<!-- Common JS-->
<script src="https://unpkg.com/@svg-drawing/[email protected].3/lib/index.umd.js"></script>
<script src="https://unpkg.com/@svg-drawing/[email protected].6/lib/index.umd.js"></script>
<script>
var draw = new SVGDCore.SvgDrawing(document.getElementById('draw-area'))
</script>
```

[Here](/examples/html/) is an example for Html only.
**[Here](https://github.com/kmkzt/svg-drawing/tree/master/examples/html)** is an example for Html only.

## Packages

| Packages | Description |
| ---------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [@svg-drawing/core![npm version](https://img.shields.io/npm/v/@svg-drawing/core/latest.svg)](packages/core) | Core Module |
| [@svg-drawing/animation![npm version](https://img.shields.io/npm/v/@svg-drawing/animation/latest.svg)](packages/animation) | Animate the drawn Svg. Can be animations using `JavaScript` or `<animate>` |
| [@svg-drawing/img-trace![npm version](https://img.shields.io/npm/v/@svg-drawing/img-trace/latest.svg)](packages/image-trace) | Image(png/jpg) convert Svg. |
| [@svg-drawing/react![npm version](https://img.shields.io/npm/v/@svg-drawing/react/latest.svg)](packages/react) | For react. |
| Packages | Description |
| -------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------- |
| [@svg-drawing/core![npm version](https://img.shields.io/npm/v/@svg-drawing/core/latest.svg)](https://github.com/kmkzt/svg-drawing/tree/master/packages/core) | Core Module |
| [@svg-drawing/animation![npm version](https://img.shields.io/npm/v/@svg-drawing/animation/latest.svg)](https://github.com/kmkzt/svg-drawing/tree/master/packages/animation) | Animate the drawn Svg. Can be animations using `JavaScript` or `<animate>` |
| [@svg-drawing/img-trace![npm version](https://img.shields.io/npm/v/@svg-drawing/img-trace/latest.svg)](https://github.com/kmkzt/svg-drawing/tree/master/packages/img-trace) | Image(png/jpg) convert Svg. |
| [@svg-drawing/react![npm version](https://img.shields.io/npm/v/@svg-drawing/react/latest.svg)](https://github.com/kmkzt/svg-drawing/tree/master/packages/react) | For React. |
108 changes: 0 additions & 108 deletions config/webpack/ts-react.js
View file
Open in desktop

This file was deleted.

49 changes: 0 additions & 49 deletions examples/demo/components/Layout.tsx
View file
Open in desktop

This file was deleted.

2 changes: 0 additions & 2 deletions examples/demo/next-env.d.ts
View file
Open in desktop

This file was deleted.

Loading