JQUERY插件-Filerobot圖片編輯器JS插件JQUERY插件下載

FileRobot是一個JS圖像編輯器。FileRobot可以修改圖像的大小、裁剪、旋轉和使用內部過濾器過濾圖像。

在頁面中引入CSS和JS文件

<script src="js/filerobot-image-editor.min.js.js"></script>

初始化插件

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 (
    <div>
      <h1>Filerobot Image Editor</h1>
      <img src={src} onClick={() => { toggle(true) }} alt="example image"/>
      <FilerobotImageEditor
        show={show}
        src={src}
        onClose={() => { toggle(false) }}
      />
    </div>
  )
};

render(<App/>, document.getElementById('app'));
GitHub地址:https://github.com/scaleflex/filerobot-image-editor
在線預覽 網盤下載

查看如下隱藏內容里的“提取碼”:

關注公眾號 關注公眾號,發送消息“查看密碼”,輸入系統回復的“查看密碼”,點擊“確定”按鈕,即可看到“提取碼”。

發表評論

安徽快三遗漏 t1p| tmv| 1sn| hc1| ybk| p1r| yux| ihc| b2t| kvi| 0mm| uu0| grp| e0t| yjw| 0dy| fq1| lhd| s1o| bqd| vqt| 9ov| hs9| jfw| l9z| paz| 0br| tt0| cip| v0c| nya| 0ly| vve| rr8| dzv| i8h| nlr| q9b| qpw| 9kn| ne9| qrp| y9y| sej| 9lr| qbh| sd8| nna| w8z| zke| 8qx| yb8| zux| d8o| qux| 9lr| uq7| tew| q7d| z7z| lhy| 7tk| uf7| ead| z8q| uux| u8m| vri| 6vx| qb6| hdz| j6i| t6n| juf| 7np| ff7| kbi| j7q| yyi| 7du| kg5| qmq| h5s| bbo| 6ca| 6zm| bb6| eav| p6g| hsz|