canvas 优化细节 白板方案，大部分同学第一反应，那肯定是 canvas 啊，没错，但是，可以很直接地告诉大家，canvas 方案在大 家平常小数据量的可视化场景，没太

关系图由节点和连线组成，可以清晰展示实体与实体之间的联系。点进来就学如何用Canvas实现炫酷流动关系图！

该实现是基于 libgif 的基础上进行修改而成的。最终将gif处理为可直接用于canvas绘画的图片数组

大屏适配解决方案 做可视化大屏时，在适配屏幕上，有四种常用的解决方案： 根据屏幕尺寸随意缩放 适用场景：留白不可接受的情况下使用 优点：占满屏幕，美观 缺点：屏幕尺寸比和设计稿尺寸比不一致时，导致变形

RxEditor是一款开源企业级可视化低代码前端，目标是可以编辑所有 HTML 基础的组件。比如支持 React、VUE、小程序等，目前仅实现了 React 版。

使用createApp和defineCustomElement，来在js中使用Vue组件。借此实现类el-message或复杂的ECharts tooltip

😸 如果你在学习Pixi.js时找不到适合的demo，可以瞧瞧本文。本文从初学者的角度出发，介绍了Pixi.js的一些基础知识和用法，包括Pixi.js的交互事件和动画基础教程

实现音频可视化 这里主要使用了web audio api和canvas来实现的（当然也可以使用svg，因为canvas会有失帧的情况，svg的写法如果有大佬会的话，可以滴滴我一下） 背景 最近听音乐的

前言 上一篇介绍了如何实现布局，本篇就具体来聊聊如何使用svg实现甘特图～现实前端开发中，svg常常是作为页面中的小icon存在，在移动开发中，还会作为一张背景图，主要是为了性能优化，减少网络请求。