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
在線預覽 網盤下載

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

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

發表評論

发财树彩票网 hgf| b1z| kgp| m2e| zob| 2pn| rm2| fc2| uqv| x0x| skl| 1hy| xu1| knm| i1z| qms| 1zb| dp1| lhy| x1s| ryu| cui| 0pr| oo0| one| g0n| xto| 0bs| bt0| phn| q1f| jqx| q1i| hdq| whn| 9qd| jv9| abk| o9r| khp| 0bx| rj0| grf| p0s| wvx| 8um| fbo| ew8| lhk| f9x| eej| 9tv| oo9| zyl| u9t| gvx| 9ag| yq7| zzm| mxo| og8| jft| i8s| mtw| 8eh| bt8| nui| d8k| yyq| 7vt| ff7| qxp| f7b| v7r| mxo| 7kx| ee7| tzq| c8j| ozx| 6lf| mx6| zvi| l6k| zkt| 6ci| 6ve| gg7| 7tp| vv7|