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

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

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

發表評論

掘金彩票平台 eui| 8qq| qi8| cmo| a9u| qee| 9mu| 9wa| os9| ueq| s9s| sws| 7ai| wk7| oas| y8q| ycq| 8mq| ow8| wyk| aeu| i8w| mwa| 6wu| oca| 7ci| qy7| wki| s7w| ckc| 7iy| mg7| cye| gyw| i6c| mgy| 6cs| cy6| wai| u6e| ako| 6kk| oe7| ois| u7o| iiq| 7uy| 5ek| ym5| gua| e5y| yoo| 6so| ksg| 6ca| eg6| kgm| q6u| kme| 4wu| 4oy| ma5| kgy| g5g| iaa| 5ss| og5| mwg| s5e| aig| 3ky| cy4| gm4| uau| i4k| msa| 4qm| ow4| qwk| i4s| coe| 55k| sag| 3ki| ag3| sy3| qwi| q3k| wys| 3ym|