DrssXpro / react-ruler-demo Public

Notifications You must be signed in to change notification settings
Fork 3
Star 10

二次封装 react-ruler，实现基本低代码操作效果

10 stars 3 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 1 Commit
public		public
src		src
.eslintrc.cjs		.eslintrc.cjs
.gitignore		.gitignore
README.md		README.md
index.html		index.html
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
tsconfig.json		tsconfig.json
tsconfig.node.json		tsconfig.node.json
vite.config.ts		vite.config.ts

Repository files navigation

react-ruler 标尺组件二次封装 demo

二次封装 react-ruler 组件，实现基本的低代码操作效果

主要实现的功能是画布任意变换时标尺刻度始终对齐

具体实现效果如下图 GIF

实现画布滚动和拖动

实现画布缩放功能

实现画布自适应布局

About

二次封装 react-ruler，实现基本低代码操作效果

Report repository

Releases

No releases published

Packages

No packages published

Languages