js图片编辑器插件Filerobot
本文共 940 字，大约阅读时间需要 3 分钟。
Filerobot是一款js图片编辑器插件。Filerobot可以对图片进行修改尺寸，剪裁，旋转，以及使用内置的滤镜对图片进行过滤。
Filerobot-js图片编辑器插件的github网址为：https://github.com/scaleflex/filerobot-image-editor
在页面中引入下面的文件。
初始化插件
filerbot的使用方法非常简单，实例化一个ImageEditor对象，然后通过它打开你想要编辑的图片即可。
const ImageEditor = new FilerobotImageEditor(); ImageEditor.open('https://scaleflex.airstore.io/demo/stephen-walker-unsplash.jpg'); 作为React组件使用
安装：
$ npm install --save filerobot-image-editor
使用：
import React, { useState } from 'react'; import { render } from 'react-dom'; import FilerobotImageEditor from 'filerobot-image-editor'; const App = () => { const src = 'https://scaleflex.airstore.io/demo/stephen-walker-unsplash.jpg'; const [show, toggle] = useState(false); return ( Filerobot Image Editor
{ toggle(true) }} alt="example image"/> { toggle(false) }} /> ) }; render( 转载地址：http://ibfpi.baihongyu.com/
你可能感兴趣的文章
Java8 HashMap集合解析
查看>>
自定义 select 下拉框 多选插件
查看>>
fastcgi_param 详解
查看>>
poj 1976 A Mini Locomotive （dp 二维01背包)
查看>>
MODULE_DEVICE_TABLE的理解
查看>>
db db2_monitorTool IBM Rational Performace Tester
查看>>
postgresql监控工具pgstatspack的安装及使用
查看>>
【JAVA数据结构】双向链表
查看>>
【JAVA数据结构】先进先出队列
查看>>
乘法逆元
查看>>
Objective-C 基础入门（一）
查看>>
Flutter Boost的router管理
查看>>
iOS开发支付集成之微信支付
查看>>
C++模板
查看>>
【C#】如何实现一个迭代器
查看>>
【C#】利用Conditional属性完成编译忽略
查看>>
DirectX11 光照演示示例Demo
查看>>
VUe+webpack构建单页router应用（一）
查看>>
Node.js-模块和包
查看>>
(python版)《剑指Offer》JZ01：二维数组中的查找
查看>>