文件名称:Freehand:Freehand-用fabric.js制作的协作白板
文件大小:584KB
文件格式:ZIP
更新时间:2024-06-04 13:15:25
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)