[发明专利]一种基于Web实现毫米刻度尺和坐标系的方法

说明书

本发明涉及账单模板编辑技术领域，公开了一种基于Web实现毫米刻度尺和坐标系的方法，首先用户通过Web新建用户画板；设定画板纸张尺寸毫米单位；通过JavaScript获取屏幕像素比DPI，通过像素/DPI＝英寸数，获得毫米与像素比；通过在电脑屏幕上横向、纵向生成一条固定长度为36mm的div元素的直线，通过JavaScript获取当前div直线的像素数，通过36mm/像素数获取毫米像素比与之前结果对像素到毫米进行校验；判断校验结果是否接近或小于0.1；自动生成与画板纸张大小1:1的毫米刻度尺；拖入控件元素进画板；元素自动生成辅助参考线，打印元素与设计画板1:1对应的纸张。本发明彻底解决了ofd模版设计器中设计与打印无法精准定位的问题，解决了因模版设计不精确导致票据打印换行、错行的问题。

技术领域

本发明涉及账单模板编辑技术领域，具体为一种基于Web实现毫米刻度尺和坐标系的方法。

背景技术

在金融信创SaaS平台中，各银行提供在线电子回单和对账单的OFD生成服务，从而实现这两大类最重要凭证的无纸化，极大降低这一块的银行成本，同时大大提升数据的使用效率。而生成OFD回单和对账单，首先要根据各个银行现有的纸质单据(每个银行可能有多种)的样式，灵活方便的设计出这两大类单据的电子模板，这样后续业务数据来了之后，即可在后台利用该模板(套版)快速生成一个OFD实例文件。因此，OFD模板设计器是该流程中的核心环节之一。

OFD模板设计器能查到的公开资料不多，如图1，没有提供刻度尺，组件不可拖动(可以修改坐标改动位置)，组件更没有参考对齐辅助线功能等等诸多问题，都面临一个难题，

由于OFD模版设计器中的画板和纸张打印无法形成1：1的位置对比关系，票据打印存在换行、错行的问题。电脑中浏览器是以像素为单位，打印机是以毫米为单位，两者之间缺乏一个共同的参考依据，这种情况下模版设计人员只能凭感觉在粗略评估中设计，无法做到精确。比例尺虽然能够解决元素组件之间对齐的问题，但是不能解决画板和打印输出之间进行精准定位和大小调整的问题。针对此问题就需要一种基于Web实现毫米刻度尺和坐标系的方法。

发明内容

本发明的目的在于提供一种基于Web实现毫米刻度尺和坐标系的方法。本发明彻底解决了ofd模版设计器中设计与打印无法精准定位的问题，解决了因模版设计不精确导致票据打印换行、错行的问题。

本发明是这样实现的：

本发明提供一种基于Web实现毫米刻度尺和坐标系的方法，具体按以下步骤执行：

S₁:用户通过Web新建用户画板；

在步骤S1中，设x，y为像素数，w，h为毫米，像素到毫米的转换公式如式(1)-式(2)；

水平方向：w＝x×25.4/dpi    式(1)

垂直方向：h＝y×25.4/dpi    式(2)；

S₂:设定画板纸张尺寸毫米单位；

S₃:通过JavaScript获取屏幕像素比DPI，通过像素/DPI＝英寸数，获得毫米与像素比；1英寸等于25.4mm，即英寸数×25.4＝毫米。

S₄:通过在电脑屏幕上横向、纵向生成一条固定长度为36mm的div元素的直线，通过JavaScript获取当前div直线的像素数，通过36mm/像素数获取毫米像素比与之前结果对像素到毫米进行校验；

其中采用36mm的可分解因子数量(小数点后2位)是100以内最多、且自身最小的数，便于获取一个可除尽的毫米像素比，除不尽时将做取舍保留2位小数。二者非常接近时，采用前面计算获取的结果原因是前面获取的结果比后面的结果要更精确。