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

資訊專欄INFORMATION COLUMN

我的白板

waruqi / 3507人閱讀

摘要：出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。

出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。

可訪問地址：http://qbian.me:8082/

github地址：https://github.com/Qbian61/wh...

沒有做瀏覽器兼容，僅測試了 chrome 瀏覽器

一、功能列表

畫布等比縮放

改變線條顏色

改變線條寬度

畫筆工具

畫直線

畫矩形

畫圓

填寫文本

橡皮擦

撤銷上一步

清空畫板

上傳畫板背景圖片，圖片倉庫管理。

訪問地址后跟上查詢參數(shù) ?id=roomId 可進(jìn)入自定義房間免受其他用戶干擾

二、效果圖

三、代碼講解

服務(wù)端

-server.js                  啟動 node 服務(wù)器的入口文件
-src/ws.js                  websocket路由配置相關(guān)文件

前端

-public/index.html          首頁頁面
-public/css/whiteBoard.css  首頁樣式文件
-public/image/...           首頁圖片資源
-public/js/Canvas.js        自己封裝的Canvas類
-public/js/ImageCache.js    自己封裝的本地圖片緩存類
-public/js/index.js         index.html頁面操作相關(guān)事件
-public/js/qbian.js         自己封裝的畫板上各種圖形的實(shí)體類，及其自定義相關(guān)功能方法，自定義日志，配置信息等。
-public/js/UUID.js          生成UUID的js庫

前端主要是一些自己封裝的相關(guān)信息（qbian.js），例如圓形類、矩形類、自定義日志、自定義觀察者對象、前端配置信息等。

四、啟動步驟 
git clone https://github.com/Qbian61/whiteBoard.git

cd whiteBoard

npm install

node server.js

啟動成功后訪問 http://127.0.0.1:8082 即可。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/115604.html

相關(guān)文章

  • 我的白板

    摘要：出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。 出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。 可訪問地址：http://qbian.me:8082/ github地址：https://github.com/Qbian61/wh... 沒有做瀏覽...

    琛ｈ。 評論0 收藏0

  • 我的白板

    摘要：出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。 出于某種個(gè)人原因，本人一直很想做一個(gè)可以多方協(xié)作使用的白板，類似桌面共享一樣，但是可以多方都可以在上面標(biāo)注的白板。 可訪問地址：http://qbian.me:8082/ github地址：https://github.com/Qbian61/wh... 沒有做瀏覽...

    陳偉 評論0 收藏0

  • 在線教育開發(fā)實(shí)踐（一）：實(shí)時(shí)視頻與白板教學(xué)

    摘要：本系列的第一篇文章，筆者分享了在瀏覽器端，結(jié)合聲網(wǎng)的實(shí)時(shí)音視頻互動能力與的在線白板能力，來實(shí)現(xiàn)一個(gè)簡單但實(shí)用的在線教室。一引入音視頻音視頻方案選擇聲網(wǎng)作為本次的技術(shù)方案，先從下載聲網(wǎng)最新的備用。 作者：maverick、buhe，本文首發(fā)于 RTC 開發(fā)者社區(qū) 隨著技術(shù)和基礎(chǔ)設(shè)施的進(jìn)一步演進(jìn)，線下的教育、會議已有很大比重演進(jìn)為線上的教育和會議，突破了空間的桎梏。需求的多樣性爆發(fā)增長和...

    Kahn 評論0 收藏0

  • 在線教育開發(fā)實(shí)踐（一）：實(shí)時(shí)視頻與白板教學(xué)

    摘要：本系列的第一篇文章，筆者分享了在瀏覽器端，結(jié)合聲網(wǎng)的實(shí)時(shí)音視頻互動能力與的在線白板能力，來實(shí)現(xiàn)一個(gè)簡單但實(shí)用的在線教室。一引入音視頻音視頻方案選擇聲網(wǎng)作為本次的技術(shù)方案，先從下載聲網(wǎng)最新的備用。 作者：maverick、buhe，本文首發(fā)于 RTC 開發(fā)者社區(qū) 隨著技術(shù)和基礎(chǔ)設(shè)施的進(jìn)一步演進(jìn)，線下的教育、會議已有很大比重演進(jìn)為線上的教育和會議，突破了空間的桎梏。需求的多樣性爆發(fā)增長和...

    ygyooo 評論0 收藏0

發(fā)表評論

0條評論

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