Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537 Warning: error_log(/data/www/wwwroot/hmttv.cn/caches/error_log.php): failed to open stream: Permission denied in /data/www/wwwroot/hmttv.cn/phpcms/libs/functions/global.func.php on line 537
家好,我是 Echa。
Electron 是一個(gè)基于 Chromium 和 Node.js,使用 HTML、CSS 和 JavaScript 構(gòu)建跨平臺(tái)應(yīng)用的跨平臺(tái)開發(fā)框架,兼容 Mac、Windows 和 Linux。有很多知名的項(xiàng)目,比如 VS Code 和 Atom 都是使用 Electron 構(gòu)建的。下面就來分享 12 個(gè)使用 Electron 構(gòu)建的開源跨平臺(tái)桌面項(xiàng)目,創(chuàng)作不易,喜歡的老鐵們加個(gè)關(guān)注,點(diǎn)個(gè)贊,速速收藏,謝謝!
全文大綱:
electronjs官方網(wǎng)址:https://www.electronjs.org/
Github:https://github.com/felixrieseberg/windows95
這是一個(gè)運(yùn)行在 Electron 中的 Windows 95,可以在macOS、Linux 和 Windows 上運(yùn)行。
如下圖:
electronjs官方網(wǎng)址:https://www.electronjs.org/
Github:https://github.com/jgraph/drawio-desktop
drawio-desktop 是一個(gè)基于 Electron 的圖表和白板桌面應(yīng)用,其可以用于繪制流程圖、類圖、組織結(jié)構(gòu)圖、泳道圖、E-R圖等,模板豐富。
如下圖:
Github:https://github.com/marktext/marktext
MarkText 是一個(gè)簡(jiǎn)單而優(yōu)雅的開源 Markdown 編輯器,專注于速度和可用性。MarkText 具有簡(jiǎn)單明了的界面,并支持實(shí)時(shí)預(yù)覽,讓用戶可以獲得無干擾的寫作體驗(yàn)。其支持各種主題,并支持多種筆記模式,可以輸出 HTML 和 PDF 文件等。MarkText 支持在 MACOS、Windows、Linux 系統(tǒng)使用。
如下圖:
Github:https://github.com/zadam/trilium
Trilium是作為桌面應(yīng)用程序(Linux和Windows)或服務(wù)器上托管的Web應(yīng)用程序(Linux)提供的。Mac OS桌面版本可用,但不受支持。
如果要在桌面上使用Trilium,請(qǐng)從最新版本下載適用于您平臺(tái)的二進(jìn)制版本,解壓縮該軟件包并運(yùn)行trilium可執(zhí)行文件。
如果要在服務(wù)器上安裝Trilium,請(qǐng)遵循此頁面。
當(dāng)前僅支持(經(jīng)過測(cè)試)最新的Chrome和Firefox瀏覽器。
特性
如下圖:
官方網(wǎng)址:https://joplinapp.org/plans/
Github:https://github.com/laurent22/joplin
Joplin是一個(gè)免費(fèi)的開源筆記和待辦事項(xiàng)應(yīng)用程序,它可以處理整理成筆記本的大量筆記。筆記是可搜索的,可以直接從應(yīng)用程序或從您自己的文本編輯器復(fù)制、標(biāo)記和修改。注釋采用Markdown格式。
從Evernote導(dǎo)出的筆記可以導(dǎo)入Joplin,包括格式化的內(nèi)容(轉(zhuǎn)換為Markdown)、資源(圖像、附件等)和完整的元數(shù)據(jù)(地理位置、更新時(shí)間、創(chuàng)建時(shí)間等)。也可以導(dǎo)入純Markdown文件。
筆記可以使用端到端加密與各種云服務(wù)安全同步,包括Nextcloud、Dropbox、OneDrive和Joplin cloud。
在所有平臺(tái)上都可以進(jìn)行全文搜索,以快速找到您需要的信息。該應(yīng)用程序可以使用插件和主題進(jìn)行定制,您也可以輕松創(chuàng)建自己的應(yīng)用程序。
該應(yīng)用程序適用于Windows、Linux、macOS、Android和iOS。Firefox和Chrome也可以使用Web Clipper來保存瀏覽器中的網(wǎng)頁和屏幕截圖。
如下圖:
官方文檔:https://lxmusic.toside.cn/
Github:https://github.com/lyswhut/lx-music-desktop
lx-music-desktop 是一個(gè)基于 Electron 17 + Vue 3 的音樂軟件。其支持在Windows、Mac OS、Linux、Android 平臺(tái)上運(yùn)行。
如下圖:
官方網(wǎng)址:https://music.qier222.com/
Github:https://github.com/qier222/YesPlayMusic
YesPlayMusic 是一個(gè)高顏值的第三方網(wǎng)易云播放器,支持 Windows / macOS / Linux。其具有以下特性:
如下圖:
官方網(wǎng)址:https://docs.cider.sh/
Github:https://github.com/ciderapp/Cider
基于 Electron 和 Vue.js 的全新跨平臺(tái) Apple Music 體驗(yàn),從頭開始編寫,同時(shí)兼顧性能和視覺效果。
如下圖:
Github:https://github.com/Hunlongyu/ZY-Player
ZY Player 是一個(gè)跨平臺(tái)桌面端視頻資源播放器,其具有以下特性:
如下圖:
Github:https://github.com/nylas/nylas-mail
Nylas Mail 是一個(gè)使用 Electron、React 和 Flux 構(gòu)建的開源、可擴(kuò)展的郵件客戶端。它被設(shè)計(jì)為易于擴(kuò)展,并且有許多第三方插件可以為客戶端添加功能。其兼容上百種郵件提供商,作為桌面應(yīng)用它可以離線運(yùn)行。適用于 Mac, Windows 和 Linux。
如下圖:
Github:https://github.com/Molunerfinn/PicGo
PicGo: 一個(gè)用于快速上傳圖片并獲取圖片 URL 鏈接的工具
PicGo 本體支持如下圖床:
如下圖:
Github:https://github.com/sindresorhus/awesome-electron
Awesome Electron 是使用 Electron 創(chuàng)建應(yīng)用的有用資源。包含文章、圖書、視頻、播客、文檔、工具等資源。
一個(gè)基于 vue、Echart 框架的大數(shù)據(jù)可視化(大屏展示)模板,提供數(shù)據(jù)動(dòng)態(tài)刷新渲染、屏幕適應(yīng)、內(nèi)部圖表自由替換、Mixins注入等功能。
https://gitee.com/MTrun/big-screen-vue-datav?_from=gitee_search
具體使用請(qǐng)移步https://gitee.com/MTrun/big-screen-vue-datav?_from=gitee_search地址參考。
何把網(wǎng)頁上的內(nèi)容用javascript來實(shí)現(xiàn)截圖?今天分享的html2canvas就可以。
在微信項(xiàng)目中經(jīng)常會(huì)遇到動(dòng)態(tài)生成海報(bào)的需求,Web前端合成圖片往往會(huì)使用canvas。canvas雖然強(qiáng)大,但用來合成海報(bào)非常繁瑣,一不小心就幾百行代碼了。而html2canvas.js是一款輕松地將HTML+CSS寫成的布局直接轉(zhuǎn)換成canvas,生成可保存分享的圖片。
html2canvas.js官網(wǎng)截圖
這是一個(gè)把HTML的DOM結(jié)構(gòu)根據(jù)所支持的CSS樣式生成canvas的js開源庫,CSS的寫法千變?nèi)f化,不同的布局有很多不同的寫法,因此html2canvas是不能100%還原網(wǎng)頁的樣式,因此不用用于像電腦屏幕截圖這樣的需求中。
官網(wǎng)關(guān)于支持css的說明
使用的時(shí)候要注意查看所支持的CSS屬性,盡量使用這些屬性來寫布局,不支持的效果可以嘗試用圖片來實(shí)現(xiàn)。只要產(chǎn)品經(jīng)理腦子在線,目測(cè)幾乎沒有什么海報(bào)需求是實(shí)現(xiàn)不了的。
官網(wǎng)是英文的,寫得很專業(yè),谷歌翻譯閱讀無壓力。
html2canvas 由開發(fā)者 Niklas von Hertzen 創(chuàng)建,基于MIT許可開源,可以免費(fèi)使用在任何項(xiàng)目。
關(guān)注我,持續(xù)分享高質(zhì)量的免費(fèi)開源、免費(fèi)商用的資源。
↓↓點(diǎn)【了解更多】查看本次分享的相關(guān)網(wǎng)址。
*請(qǐng)認(rèn)真填寫需求信息,我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。