秦清

本章我们学习了如何导入各类各样的自定义图元库，为图元的扩充提供更多可能，在这里讲的详细点是因为笔者不希望读者把重心放在表面需求上，希望读者能够去深入了解meta2d，并用他创造更多可能应用在更广的地方

拥有丰富的大屏组件和行业模板，能够快速搭建酷炫的2D和3D数据可视化大屏和数字孪生，携手打造数字化时代的前沿大屏应用。

本章内容较为简单，主要讲解了侧边栏的两个功能的开发，侧边栏主要有管理图元库列表和图元搜索的功能，这次教程我们来完成这两个需求。

其实，图元本质就是一个js对象，他是带有一定属性的js对象，这些属性主要由通用属性和自定义属性组成，所谓通用属性是指由meta2d核心库能够识别到的，通用属性在后期可以通过api查看

在本章中 我们进行了项目界面的基本布局。主要采用flex布局进行自适应屏幕，同时介绍了四个组件的基本组成和UI实现。

可视化编辑器已成为前端发展趋势，相关产品层出不穷，但是用户较难根据自身需求去完整实现一个功能较为全面的可视化编辑器，我将采用乐吾乐开源的meta2d.js可视化库来实现一个简单的流程图编辑器。

乐吾乐 Meta2d.js 是一个完全从零自主研发的国产开源 Web 绘图工具。底层使用 canvas，可以自定义扩展丰富等动效。通过引擎 + 图形库+中间件的架构模式能够方便快速的集成到各种前端项目

本系列从 Web 前端实战的角度，给大家分享介绍如何从零打造一个自己专属的绘图工具，实现流程图、拓扑图、脑图等类 Visio 的绘图工具。

10款国内外开源的前端流程图可视化引擎，可以用在支持mqtt协议的iot物联网平台的scada场景 - 还支持设备组态、大屏、流程图、拓扑图、脑图、动画、echarts、websocket，http通