自动化线路生成产品系统

1.能够支持线上设置和预览led显示屏的配置效果，根据墙体情况配置最合适的led屏搭配方案。
2.根据客户置入的led显示屏相关配置选项生成电源布线图和网线布线图。
3.基于墙体图、控制器以及电源布线图和网线布线图，生成相关的产品方案书以pdf的形式提供下载。

1.墙体图：基于选择的墙体尺寸以及屏幕数量生成对应的墙体屏幕图，并且所有相关的尺寸信息随之变化，并且增加墙体尺寸限制和屏幕最大数量限制，并支持多尺寸选择和拼接。
2.控制器：基于选择的墙体尺寸以及屏幕数量匹配相应能够使用的控制器列表，并同步体现到布线图和PDF中。
3.布线图：基于选择的墙体尺寸以及屏幕数量生成相应的线路图，并支持多尺寸选择和拼接。
4.产品方案书：基于墙体图、控制器以及电源布线图和网线布线图，生成相关的产品方案书以pdf的形式提供下载。

1.连线功能使用的是jointjs进行起点、终点、箭头方向以及连线的绘制。
2.然后再把jointjs生成的svg图使用html2canvas转换成图片，进行图片轮播和预览的扩展功能。
3.亮点1：线路图中的连线最大数量是有限制的，需要根据屏幕的单行数量和单列数量已经单根线的最大连接数进行分组，再进行线路的绘制，并对每个起点进行编号标记。
4.亮点2：墙体图会根据墙体的宽高进行变化，墙体图内的屏幕图会根据屏幕数量和尺寸，与墙体尺寸比对，等比例进行缩放，并且针对不同尺寸的显示大屏，采用百分比布局 + 自适应缩放（scale）+ 容器适配 方案，结合动态计算屏幕宽高比，保证内容完整展示、比例无拉伸，适配过程无卡顿、无像素模糊，满足多场景大屏展示需求。
5.亮点3：支持多尺寸的屏幕进行拼接，保证在墙体图和线路图上也能正确体现多尺寸的拼接和线路连接。