【文件属性】：
文件名称：Freehand:Freehand-用fabric.js制作的协作白板
文件大小：584KB
文件格式：ZIP
更新时间：2021-05-15 19:28:45
react firebase whiteboard firebase-hosting firebase-firestore
写意
用Fabric.js制作的协作白板。
特征：
与其他人“实时”协作-您在一个屏幕上看到的是同时在另一个屏幕上看到的。
带有多种颜色选择的刷子
创建文本框
创建形状
一键下载Canvas内容
台式机和平板电脑的屏幕响应能力
可以使用“清除画布”按钮从数据库中清除Canvas数据。
科技栈
HTML
CSS
React.js
Firebase Firestore
Firebase托管
在此处现场试用： :
如何测试“手绘”应用
在“两个独立的Chrome窗口”中打开上面显示的实时演示网站（在Chrome中按Ctrl + N两次）
并排放置两个镀Chrome窗口，以便每个窗口内容可见
在两个窗口上单击刷新（或F5）以使其响应当前屏幕尺寸
在第一个镀Chrome窗口中，在画布上绘制一些东西
在第二个Chrome窗口中，您可以看到正在显示与第一个窗口相同的内容（如果首先不显示
【文件预览】：
Freehand-master
----screenshot()
--------screenshot.png(98KB)
--------screenshot2.png(91KB)
----.firebase()
--------hosting.YnVpbGQ.cache(2KB)
--------hosting.cHVibGlj.cache(634B)
----package.json(891B)
----.firebaserc(56B)
----.eslintcache(3KB)
----firebase.json(235B)
----package-lock.json(673KB)
----src()
--------index.js(192B)
--------components()
--------App.js(261B)
--------styles()
--------Icons()
----.gitignore(346B)
----public()
--------logo192.png(5KB)
--------404.html(2KB)
--------manifest.json(487B)
--------robots.txt(67B)
--------index.html(3KB)
--------logo512.png(9KB)
--------favicon.ico(4KB)
----README.md(2KB)
----yarn.lock(556KB)