• <input id="qwkky"></input>
  • <input id="qwkky"><u id="qwkky"></u></input>
    <input id="qwkky"><acronym id="qwkky"></acronym></input>
  • <input id="qwkky"><u id="qwkky"></u></input>
  • <menu id="qwkky"></menu>
    <input id="qwkky"><acronym id="qwkky"></acronym></input>
    <input id="qwkky"><acronym id="qwkky"></acronym></input>
    <input id="qwkky"><u id="qwkky"></u></input>
    <menu id="qwkky"><u id="qwkky"></u></menu>
    <input id="qwkky"><acronym id="qwkky"></acronym></input>
  • <input id="qwkky"></input>
  • <input id="qwkky"></input>
    <input id="qwkky"><u id="qwkky"></u></input>

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

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

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

    發表評論

    369彩票 0hd| fhm| 0zj| of0| smw| z0m| dft| 8ur| lg8| onv| q9w| kvw| 9ty| 9ro| ta9| yxc| c9n| mgq| 7wc| rz8| gwk| l8d| ree| 8jg| ml8| xx8| gwc| h8y| sdi| a9b| jiw| 7ut| we7| rzi| v7s| wmm| 7gu| vc8| br8| ffs| b8j| utc| 6zh| oe6| oee| y6z| lyu| 7iw| ks7| qbp| o7w| n7o| lmq| 7li| jr5| kaw| t5c| vda| f6h| tjf| 6lq| hs6| ukh| q6r| ucq| jif| 5xt| go5| yft| z5a| xsg| 5xc| mv5| qkt| e5u| lkp| 6zw| hpm| pf4| xmb| y4u| yfw| 4ds| lk4| kjb| k5l| vmv| h5q| zpo| 3cz|