mirror of
https://github.com/idrawjs/idraw
synced 2026-05-24 10:08:34 +00:00
commit
6bea6d2efd
8 changed files with 85 additions and 20 deletions
|
|
@ -7,5 +7,5 @@
|
|||
"packages/core",
|
||||
"packages/idraw"
|
||||
],
|
||||
"version": "0.2.0-alpha.22"
|
||||
"version": "0.2.0-alpha.23"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@idraw/board",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.es.js",
|
||||
|
|
@ -24,10 +24,10 @@
|
|||
"author": "chenshenhai",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@idraw/types": "^0.2.0-alpha.22"
|
||||
"@idraw/types": "^0.2.0-alpha.23"
|
||||
},
|
||||
"dependencies": {
|
||||
"@idraw/util": "^0.2.0-alpha.22"
|
||||
"@idraw/util": "^0.2.0-alpha.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@idraw/core",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.es.js",
|
||||
|
|
@ -24,12 +24,12 @@
|
|||
"author": "chenshenhai",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@idraw/types": "^0.2.0-alpha.22"
|
||||
"@idraw/types": "^0.2.0-alpha.23"
|
||||
},
|
||||
"dependencies": {
|
||||
"@idraw/board": "^0.2.0-alpha.22",
|
||||
"@idraw/renderer": "^0.2.0-alpha.22",
|
||||
"@idraw/util": "^0.2.0-alpha.22"
|
||||
"@idraw/board": "^0.2.0-alpha.23",
|
||||
"@idraw/renderer": "^0.2.0-alpha.23",
|
||||
"@idraw/util": "^0.2.0-alpha.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "idraw",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.es.js",
|
||||
|
|
@ -24,11 +24,11 @@
|
|||
"author": "chenshenhai",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@idraw/types": "^0.2.0-alpha.22"
|
||||
"@idraw/types": "^0.2.0-alpha.23"
|
||||
},
|
||||
"dependencies": {
|
||||
"@idraw/core": "^0.2.0-alpha.22",
|
||||
"@idraw/util": "^0.2.0-alpha.22"
|
||||
"@idraw/core": "^0.2.0-alpha.23",
|
||||
"@idraw/util": "^0.2.0-alpha.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
|
|
|||
|
|
@ -1,3 +1,68 @@
|
|||
# @idraw/renderer
|
||||
|
||||
[](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
|
||||
[](https://github.com/idrawjs/idraw/actions/workflows/node.js.yml)
|
||||
|
||||
|
||||
## Usage
|
||||
|
||||
### Quick Start
|
||||
|
||||
```sh
|
||||
npm i @idraw/renderer
|
||||
```
|
||||
|
||||
```js
|
||||
import Renderer from '@idraw/renderer';
|
||||
|
||||
const renderer = new Renderer({
|
||||
width: 600,
|
||||
height: 400,
|
||||
contextWidth: 600,
|
||||
contextHeight: 400,
|
||||
devicePixelRatio: 1,
|
||||
});
|
||||
|
||||
const canvas = document.querySelector('canvas');
|
||||
renderer.render(canvas, {
|
||||
elements: [
|
||||
{
|
||||
name: "rect-001",
|
||||
x: 10,
|
||||
y: 10,
|
||||
w: 200,
|
||||
h: 100,
|
||||
type: "rect",
|
||||
desc: {
|
||||
bgColor: "#f0f0f0",
|
||||
borderRadius: 20,
|
||||
borderWidth: 10,
|
||||
borderColor: "#bd0b64",
|
||||
},
|
||||
},
|
||||
]
|
||||
})
|
||||
|
||||
```
|
||||
|
||||
### Events
|
||||
|
||||
```js
|
||||
renderer.on('load', (e) => {
|
||||
// ...
|
||||
})
|
||||
renderer.on('loadComplete', (e) => {
|
||||
// ...
|
||||
})
|
||||
|
||||
renderer.on('drawFrame', (e) => {
|
||||
// ...
|
||||
})
|
||||
renderer.on('drawFrameComplete', (e) => {
|
||||
// ...
|
||||
})
|
||||
```
|
||||
|
||||
## Documents
|
||||
|
||||
- [Documents](https://idraw.js.org/docs/en/) | [中文文档](https://idraw.js.org/docs/zh/)
|
||||
- [Online Playground](https://idraw.js.org/playground/) | [在线API示例](https://idraw.js.org/playground/)
|
||||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@idraw/renderer",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.es.js",
|
||||
|
|
@ -24,10 +24,10 @@
|
|||
"author": "chenshenhai",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@idraw/types": "^0.2.0-alpha.22"
|
||||
"@idraw/types": "^0.2.0-alpha.23"
|
||||
},
|
||||
"dependencies": {
|
||||
"@idraw/util": "^0.2.0-alpha.22"
|
||||
"@idraw/util": "^0.2.0-alpha.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@idraw/types",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "src/index.ts",
|
||||
"types": "src/index.ts",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@idraw/util",
|
||||
"version": "0.2.0-alpha.22",
|
||||
"version": "0.2.0-alpha.23",
|
||||
"description": "",
|
||||
"main": "dist/index.cjs.js",
|
||||
"module": "dist/index.es.js",
|
||||
|
|
@ -24,7 +24,7 @@
|
|||
"author": "chenshenhai",
|
||||
"license": "MIT",
|
||||
"devDependencies": {
|
||||
"@idraw/types": "^0.2.0-alpha.22"
|
||||
"@idraw/types": "^0.2.0-alpha.23"
|
||||
},
|
||||
"publishConfig": {
|
||||
"access": "public"
|
||||
|
|
|
|||
Loading…
Reference in a new issue