目前的图片和PDF导出质量都很一般。图片导出时非常模糊,正文不会渲染,尤其是在卡片白板尺寸较大时。PDF似乎只是将图片强行覆盖,即便推出了高清模式也没有多大改善,高清模式本质上只是分辨率有所提升,若白板过大,依旧无法从根本上解决问题。
解决方法是采用分块和矢量技术
处理图片的解决方法是,导出时做专门的导出器:首先先判断白板大小,再根据清晰度考量分割成不同区域,普通白板一个区域即可,较大的白板分四个区域,更大的可分9个、16个甚至27个区域。
第二点,每个图块在导出时都要进入导出专用模式,该模式强制只显示正文,关闭远距离简化、未说内容、不显示细节的LOD规则,以及某些只为性能存在的占位渲染。
第三,统一 scale 给每个 tile 留一点重叠边缘,拼接时裁掉重叠边缘。需添加阴影模糊效果,保留 bleed 区域,确保拼图时无缩放误差和边界缝
接下来是PDF导出模式,建议使用矢量PDF,而非图片强行拼接。具体为:文字、线条、矩形、箭头、卡片、边框都视为PDF矢量对象输出,图片复杂嵌入HTML预览则作为位图嵌入。虽然这样会牺牲一点点效果,但能总体保持不错的质量,并且也会降低工程量