国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

一款實用的前端截圖工具

VishKozus / 986人閱讀

摘要：代碼地址碼云這是一款基本涵蓋了截圖所有功能的截圖工具。圖如上圖所示，用戶可對截圖框進行拖拽，并且工具欄能隨著截圖框與可視區域的位置動態顯示在可視區域范圍內。工具欄功能從左到右依次為顏色，文字，橢圓，矩形，線條，箭頭，后退，完成。

kscreenshot

代碼地址：github 碼云

這是一款基本涵蓋了截圖所有功能的截圖工具。

npm: npm install kscreenshot --save

demo圖1：

如上圖所示，用戶可對截圖框進行拖拽，并且工具欄能隨著截圖框與可視區域的位置動態顯示在可視區域范圍內。

demo圖2：

如上圖所示，用戶可拖動截圖框四周的拖拽點以及拖拽線進行隨意拖動。

demo圖3：

如上圖所示，用戶可使用工具欄中的各個工具對截圖進行繪制。工具欄功能從左到右依次為：顏色，文字，橢圓，矩形，線條，箭頭，后退，完成。當用戶在進行繪制后無法在對截圖框進行拖拽工作，除非使用后退功能直到無繪制時才能繼續拖拽。

使用 
import kscreenshot from "kscreenshot"

//65指鍵盤中的A
new kscreenshot(
    {
        key: 65 
    }
)

當按下shift + A將會觸發截圖功能

結合electron、NW等前端桌面開發庫可實現整個顯示屏截圖 demo

具體的參數配置可在github上查看。喜歡的話，麻煩大家start一下：github 碼云

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/95923.html

相關文章

  • chrome 擴展精選推薦

    摘要：我本人對擴展比較挑，一般有同類型的擴展我會選擇維護比較積極的，使用人數更多的。其實包括很多編輯器和都有類似的擴展用來糾正英文的拼寫錯誤。一款可以分析網站用到的技術框架的擴展。可以顯示網站的國旗和其它信息。 雖然有點標題黨的嫌疑，但是內容絕對是滿滿的的干貨。很多擴展功能比較單一，直接用一張圖就能很清楚說明它的用途啦。出于篇幅的限制，我在這里會重點介紹一些我個人比較用得上的一些擴展。因為平...

    X_AirDu 評論0 收藏0

  • 前端工具【3】—— 圖片處理

    摘要：切圖主要是用的工具就是等等，除此之外，在開發過程中我們也會用到其他工具，以下介紹一些有關于圖片處理的操作。是打開文件捕捉活動窗口捕獲窗口捕獲矩形區域，可自行截圖。新版的比之前那些版本增加了一鍵導出功能，這個功能很大程度方便了我們拆分圖片。 在寫頁面之前，很重要的一個技能是切圖，根據UI設計的設計圖，在了解頁面結構和操作后進行分割，取出自己在開發過程中是用到的圖片資源。切圖主要是用的工具...

    MobService 評論0 收藏0

  • 前端工具【3】—— 圖片處理

    摘要：切圖主要是用的工具就是等等，除此之外，在開發過程中我們也會用到其他工具，以下介紹一些有關于圖片處理的操作。是打開文件捕捉活動窗口捕獲窗口捕獲矩形區域，可自行截圖。新版的比之前那些版本增加了一鍵導出功能，這個功能很大程度方便了我們拆分圖片。 在寫頁面之前，很重要的一個技能是切圖，根據UI設計的設計圖，在了解頁面結構和操作后進行分割，取出自己在開發過程中是用到的圖片資源。切圖主要是用的工具...

    Rango 評論0 收藏0

  • 分享一些實用的軟件工具

    摘要：分享一些實用的軟件工具也可以分享自己常用的軟件給大家，這里會同步更新必備放幾個資源站點有能力建議購買正版不要看格式的，可以是。建議使用清除系統的間諜軟件，用了之后夏一跳，趕緊卸載了迅雷極速版，只用精簡版。 分享一些實用的軟件工具 PS：也可以分享自己常用的軟件給大家，這里會同步更新 kindle(必備) 放幾個azw3資源站點：有能力建議購買正版,不要看PDF格式的，可以是mobi。我...

    arashicage 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<