svg-image-editor
NPM Commands
npm run build:debug
DEBUG build.
npm run build:release
RELEASE build.
npm run start
Development mode with Webpack HMR.
=================================
基本描述
提供纯前端react项目,主要基于svg画布实现
主要功能
画布中组件功能包括:
画布自定义布局(移动、缩放、旋转)、自定义图片大小及上传、自定义文本框、多字体显示、多形状页面组件、画布上组件操作的事件订阅和发布
使用方式
和主流js的依赖包使用方法一致 在package.jon中添加改模块和指定版本,推荐使用如下命令添加"svg-image-editor"
yarn add "svg-image-editor"
安装即可。
组件引入方式: 如需使用画布组件,则在业务组件中加入
import {Designer} from "svg-image-editor"
与字体服务关系
调用方引用svg-image-editor,svg-image-editor从字体服务获取字体相关数据。
目前暴露了字体的dataUri参数,可供引用方选择是否使用dataUri缓存字体。