- Notifications
You must be signed in to change notification settings - Fork82
A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)
License
NotificationsYou must be signed in to change notification settings
idrawjs/idraw
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
iDraw.js is a simple JavaScript framework for Drawing on the web.
一个面向Web绘图的JavaScript框架
iDraw.js is an MIT-licensed open source project with its ongoing development made possible entirely by the support of these awesome backers. If you'd like to join them, please considersponsoring iDrawjs's development.
The preview of@idraw/studo. Clickhere to get it.
npm i idrawimport{iDraw}from'idraw';constidraw=newiDraw(document.querySelector('#app'),{width:600,height:400,devicePixelRatio:1,});idraw.addElement({name:"rect-1",x:140,y:120,w:200,h:100,type:"rect",detail:{background:"#f7d3c1",borderRadius:20,borderWidth:4,borderColor:"#ff6032",},});
import{iDraw}from'idraw';import{useEffect,useRef}from'react';functionDemo(){constref=useRef(null);useEffect(()=>{constidraw=newiDraw(ref.current,{width:600,height:400,devicePixelRatio:1,});idraw.addElement({name:"rect-001",x:140,y:120,w:200,h:100,type:"rect",detail:{background:"#f7d3c1",borderRadius:20,borderWidth:4,borderColor:"#ff6032",},})},[]);return(<divref={ref}></div>)}
<template><divref="mount"></div></template><scriptsetup>import{iDraw}from'idraw';import{ref,onMounted}from'vue'constmount=ref();onMounted(()=>{constidraw=newiDraw(mount.value,{width:600,height:400,devicePixelRatio:1,});idraw.addElement({name:"rect-001",x:140,y:120,w:200,h:100,type:"rect",detail:{background:"#f7d3c1",borderRadius:20,borderWidth:4,borderColor:"#ff6032",},})})</script>
We appreciate your help!
To contribute, please follow the steps:
git clone git@github.com:idrawjs/idraw.gitcd idrawpnpm inpm run dev
About
A simple JavaScript framework for Drawing on the web.(一个面向Web绘图的JavaScript框架)
Topics
Resources
License
Stars
Watchers
Forks
Packages0
No packages published