用于基于 React 的应用程序的 Sketch 工具,由 FabricJS 支持

时间:2024-06-28 09:10:51
【文件属性】:

文件名称:用于基于 React 的应用程序的 Sketch 工具,由 FabricJS 支持

文件大小:268KB

文件格式:ZIP

更新时间:2024-06-28 09:10:51

Graphics/Canvas

react-sketch 一个用于基于 React 的应用程序的 Sketch 工具,由 FabricJS 支持 请注意,该模块仍在开发中! 请随时向我发送改进和想法:) 安装 npm install react-sketch --save 或使用 yarn yarn add react-sketch 源安装为了从源构建,请先阅读相关说明。 使用节点版本 6、7、8 进行测试。 使用方法 导入相关的 SketchField 组件并使用,更多的可以在项目的 examples 文件夹中找到 import {SketchField, Tools} from 'react-sketch'; class SketchFieldDemo extends React.Component { render() { return ( ) } } 配置选项 选项 类型 默认说明 tool Enumeration (string) pencil 使用的工具,可以选择,铅笔、圆、矩形、平移 lineColor String black 线条的颜色 lineWidth Number 1 线条的宽度 fillCo


【文件预览】:
react-sketch-master
----.travis.yml(434B)
----.eslintrc(707B)
----.babelrc(134B)
----docs()
--------img()
--------react-sketch-logo-original.jpg(28KB)
----package.json(2KB)
----.prettierrc(183B)
----.prettierignore(137B)
----jest.config.js(504B)
----LICENSE(1KB)
----src()
--------polyfill.js(922B)
--------index.js(190B)
--------tools()
--------history()
--------tools.js(252B)
--------components()
--------utils()
----.npmignore(3KB)
----tsconfig.json(2KB)
----jest.setup.js(230B)
----examples()
--------data.json.js(9KB)
--------data.url.js(35KB)
--------run.jsx(270B)
--------base.html(1KB)
--------main.jsx(25KB)
--------data.json.controlled.js(12KB)
--------layout()
--------main.css(440B)
----.gitignore(3KB)
----CHANGELOG.md(2KB)
----CODE_OF_CONDUCT.md(3KB)
----README.md(5KB)
----yarn.lock(287KB)
----packages()
--------showcase()
--------react-sketch()
--------tsconfig.packages.json(411B)
----webpack()
--------server.cfg.js(2KB)
--------library.cfg.js(2KB)
--------examples.cfg.js(2KB)
--------paths.js(382B)

网友评论