背景

最近两天站长压力很大，拿着我们地质灾害风险预警图给厅长签字，被拍桌子骂了。

回来就给我们下了最后通牒，今天不给我弄出满意高清图，明天就去找另外公司搞。项目经理瞬间吓尿了。

解决方案

原来出图方案是前端选图纸，选择图层，添加标题，添加预警词等操作，都是模板化设计，操作简单，但是最终导出图片是同JQuery Jqprint插件，图片质量低，失真。

第一步调整配图配色，注记压盖问题（面转点图层，调整点位置，达到最佳，还有字体颜色、字号这些调整看整体效果）

第二部 要禁用标签自动避让功能（太密集导致部分注记缺失问题）

第三步新方案采用服务端生成高清图，把前端用户添加的标题、预警内容、图例传递到后台接口。后台接口提高DPI 参数方式生成一张高清图（通过DPI 与纸张大小换算实际图片大小，例如：

A4纸张在200dpi下的像素数是根据其尺寸计算出来的。A4纸的标准尺寸为210mm × 297mm。

要计算A4纸在200dpi下的宽度和高度（以像素为单位），可以使用以下公式：

宽度（像素）= 宽度（毫米） × dpi / 25.4 高度（像素）= 高度（毫米） × dpi / 25.4

）保证不变形，能缩放到100% 不失真，不出现马赛克。

经过一整天工作，到晚上将近10点，客户满意了。