ngx-svg-canvas is a whiteboard component for Angular 8.x+ applications. It uses Two.js to render your drawings to an SVG canvas. Exports can be downloaded as SVG.
<ngx-svg-canvas [gridSize]='30'></ngx-svg-canvas>
- 2019-09-21: first public beta release
npm install @m-serve/ngx-svg-canvas --save
the ngx-svg-canvas
component supports the following input properties:
Input | Type | Default | Description |
---|---|---|---|
gridSize | number | 0 |
size of the background grid, hidden if 0 |
gridColor | string | #6dcff6 |
color of the grid, if enabled |
You can clone the repo and then launch a demo page in your local machine:
npm install
npm run demo
The demo page server is listening to: http://localhost:4203
# ngx-svg-canvas
## Table of contents
1. [Getting Started](#getting-started)
2. [Latest Update](#latest-update)
3. [Installation](#installation)
4. [API](#api)
# Getting Started
ngx-svg-canvas is a whiteboard component for Angular 8.x+ applications. It uses Two.js to render your drawings to an SVG canvas. Exports can be downloaded as SVG.
<ngx-svg-canvas [gridSize]='30'>
# Latest Update
# Installation
npm install @m-serve/ngx-svg-canvas --save
# API
## Component:
the `ngx-svg-canvas` component supports the following input properties:
| Input | Type | Default | Description |
| ----- | ---- | ------- | ----------- |
| gridSize | number | `0` | size of the background grid, hidden if `0` |
# Demo
You can clone the repo and then launch a demo page in your local machine:
```bash
npm install
npm run demo
The demo page server is listening to: http://localhost:4203
# ngx-svg-canvas
## Table of contents
1. [Getting Started](#getting-started)
2. [Latest Update](#latest-update)
3. [Installation](#installation)
4. [API](#api)
# Getting Started
ngx-svg-canvas is a whiteboard component for Angular 8.x+ applications. It uses Two.js to render your drawings to an SVG canvas. Exports can be downloaded as SVG.
<ngx-svg-canvas [gridSize]='30'>
# Latest Update
# Installation
npm install @m-serve/ngx-svg-canvas --save
# API
## Component:
the `ngx-svg-canvas` component supports the following input properties:
| Input | Type | Default | Description |
| ----- | ---- | ------- | ----------- |
| gridSize | number | `0` | size of the background grid, hidden if `0` |
# Demo
You can clone the repo and then launch a demo page in your local machine:
```bash
npm install
npm run demo
The demo page server is listening to: http://localhost:4203
# ngx-svg-canvas
## Table of contents
1. [Getting Started](#getting-started)
2. [Latest Update](#latest-update)
3. [Installation](#installation)
4. [API](#api)
# Getting Started
ngx-svg-canvas is a whiteboard component for Angular 8.x+ applications. It uses Two.js to render your drawings to an SVG canvas. Exports can be downloaded as SVG.
<ngx-svg-canvas [gridSize]='30'>
# Latest Update
# Installation
npm install @m-serve/ngx-svg-canvas --save
# API
## Component:
the `ngx-svg-canvas` component supports the following input properties:
| Input | Type | Default | Description |
| ----- | ---- | ------- | ----------- |
| gridSize | number | `0` | size of the background grid, hidden if `0` |
| gridColor | string | `#6dcff6` | color of the grid, if enabled |
# Demo
You can clone the repo and then launch a demo page in your local machine:
```bash
npm install
npm run demo
The demo page server is listening to: http://localhost:4203