当前位置: 首页 > 知识库问答 >
问题:

javascript - 飞书和语雀的画板是用什么技术实现的?

丘学海
2023-11-13

画板可拖拽里面的元素,可放大缩小,应该是canvas实现的,但是肯定不是纯手工cavas,有什么第三方库可以实现吗?

共有3个答案

殳智志
2023-11-13

有可能是自研 有开源的 https://github.com/excalidraw/excalidraw

栾昂雄
2023-11-13

看下了语雀的,应该是自研的,用的 SVG 的方案

市面上现在成熟的库,antvx6xFlow 都可以实现,xFlow 其实也是 x6 更上层的解决方案
https://x6.antv.antgroup.com/
https://xflow.antv.vision/docs/tutorial/intro/getting-started/

韩飞翮
2023-11-13

http://fabricjs.com/

 类似资料:
  • 本文向大家介绍smarty模板技术的用途是什么?相关面试题,主要包含被问及smarty模板技术的用途是什么?时的应答技巧和注意事项,需要的朋友参考一下 为了php与html分开,美工和程序员各司其职,互不干扰。

  • 本文向大家介绍Android采用双缓冲技术实现画板,包括了Android采用双缓冲技术实现画板的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了Android实现画板的具体代码,采用的技术是双缓冲技术,供大家参考,具体内容如下 1.双缓冲技术的概念 所谓的双缓冲技术其实很简单,当程序需要在指定的View上进行绘制时,程序并不需要直接绘制到该View组件,而是先绘制到一个内存中的Bitm

  • 本文向大家介绍双缓冲技术实现Android 画板应用,包括了双缓冲技术实现Android 画板应用的使用技巧和注意事项,需要的朋友参考一下 什么是双缓冲技术?双缓冲技术就是当用户操作界面完成后,会有一个缓冲区保存用户操作的结果。 为什么要使用双缓冲技术?拿Android 游戏开发来说,界面贞每次都是全部重画的,也就说画了新的,旧的就没了,所以需要使用双缓冲技术保存之前的内容。 如何实现双缓冲?使用

  • 这网站叫熊猫监控 登录地址:jiankong.xmtui.com 他的landing page: xmtui.com 看上去不像是java写的,也不知道用的什么语言和框架,还是说用了vue和react。 能看出是用了什么技术吗?

  • 开发多语言 Golang、Ruby、NodeJS、Python 四种主力开发语言 架构微服务 超过 70 个微服务化的组件,采用松散耦合的方式对接 交付持续化 实现全自动测试和交付,每周迭代次数近百 部署云端化 分布在全球六大数据中心数百台虚拟机之上,实现底层虚机 IaaS 的无缝对接 吃狗食 我们使用 DaoCloud 开发 DaoCloud

  • 前端web H5游戏开发用的什么技术或框架,开发类似4399小游戏那种的,flash停止维护,Egret貌似进不去,以js语言为主