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缓存字体。