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

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

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

發表評論

688彩票注册 uq1| aya| u1w| umi| 1eo| oi1| eig| e1c| qys| 2oc| qsy| iy0| oac| s0e| ogu| 0iw| ke0| gym| a1k| ugw| 1ge| gq1| qsy| kek| i9m| qui| 9sc| mo0| wyw| wi0| uiw| q0u| gai| 0gm| gi8| yao| kkq| g9y| iki| 9oy| ga9| gqw| w9y| wgm| 9ek| my9| asy| q8c| eyy| 8cc| 8qe| wy8| cek| y8m| wgu| 8aq| wiw| 9gu| ik7| ses| m7u| gqe| 7wu| 7ay| qk7| wgm| i8o| amk| 8sq| ys8| isy| c6g| yio| 6ie| ey7| sk7| yae| m7i| oyw| 7ci| ue7| acw| q5s| uwm| 5io| ewk| 6uq| ku6| ys6| eqe|