结构式图片的生成方法以及结构式编辑器与流程

本发明涉及计算机网络技术领域，特别涉及一种结构式图片的生成方法以及结构式编辑器。

背景技术：

结构式编辑器，是化工、医药等企业的较为常用的画图工具。

例如，现有公开号为CN105677631A的专利申请文献公开了一种结构式编辑器，包括保存模块，所述保存模块用于将所述结构式编辑器内编辑好的单个化学分子结构式保存为通用文本格式，并使用json字符串保存化学反应箭头的信息和化学反应文本的信息，将整个化学反应式以自定义int格式进行保存；用于保存化学反应箭头的信息的json字符串包含反应箭头的初始坐标、结束坐标及长度信息；用于保存化学反应文本的信息的json字符串包括文本坐标、文本内容、文本字符占的宽度、文本字符占的高度。

上述专利申请文献提供的结构式编辑器，虽然解决了chemdraw画图软件安装包庞大，运行时占用的内存很大，不利于电脑的快速运行等诸多问题。但是，该结构式编辑器或者其他一些用户量较大的结构式编辑器，仍然存在改进空间。例如，上述的这些结构编辑器，可以将整个画布生成图片，供用户使用。但用户在使用过程中，需要先对整个画布中空白部分进行裁剪，得到结构式图片。

技术实现要素：

为解决的技术问题，本发明提出一种结构式图片的生成方法以及结构式编辑器，能自动裁剪整个画布中空白部分，得到结构式图片。

本发明提供了一种结构式图片的生成方法，包括以下步骤：

确认结构式步骤，响应于用户的操作，确认待处理的结构式；

生成离线canvas步骤，依据待处理的所述结构式生成相应的离线canvas；

生成图片步骤，包括获取离线canvas的坐标信息和尺寸信息的步骤和依据所述离线canvas的坐标信息和尺寸信息生成相应的图片的步骤。

作为一种可实施方式，所述确认结构式步骤包括以下步骤：

框选步骤，响应于用户的框选操作，以建立选区；

确认步骤，确认画布上的结构式是否全部落在或者部分落在所述选区内，若是，则将落在所述选区内的结构式确认为待处理的结构式。

作为一种可实施方式，所述确认结构式步骤包括以下步骤：

全选步骤，响应于用户的一键操作，将画布上的结构式确认为待处理的结构式。

作为一种可实施方式，在所述生成离线canvas步骤中，遍历选区选中或者部分选中的结构式，生成所述坐标信息和尺寸信息，作为对象存储，并生成相应的离线c anvas。

作为一种可实施方式，在生成图片步骤中，包括获取离线canvas的坐标信息和尺寸信息的步骤和调用画布中绘制图片的方法，并在新建的画布上将所述离线canvas的坐标信息和尺寸信息导入，以生成相应的图片的步骤。

作为一种可实施方式，所述图片格式为base64。

相应地，本发明还提供了一种结构式编辑器，包括确认结构式单元、离线canvas生成单元和图片生成单元；

所述确认结构式单元用于确认结构式步骤，响应于用户的操作，确认待处理的结构式；

所述离线canvas生成单元用于生成离线canvas步骤，依据待处理的所述结构式生成相应的离线canvas；

所述图片生成单元用于获取离线canvas的坐标信息和尺寸信息的步骤和依据所述离线canvas的坐标信息和尺寸信息生成相应的图片。

作为一种可实施方式，所述图片格式为base64。

本发明相比于现有技术的有益效果在于：

本发明提供的结构式图片的生成方法以及结构式编辑器，可以将选中画布上的结构式，转换生成相应的离线canvas，再获取离线canvas的坐标信息和尺寸信息，并依据该坐标信息和尺寸信息转换生成相应的图片；从而自动裁剪整个画布中空白部分，得到结构式图片。

附图说明

图1为本发明的结构式图片的生成方法流程图；

图2为本发明实施例中离线canvas的示例图；

图3为本发明的另外一个实施例提供的结构式图片的生成方法流程图。

具体实施方式

以下结合附图，对本发明上述的和另外的技术特征和优点进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明的部分实施例，而不是全部实施例。

参照图1，本发明提供了一种结构式图片的生成方法，包括步骤S100、步骤S200、步骤S300以及步骤S400。

在步骤S100中，利用鼠标的光标在画布上的拖拽建立选区，将鼠标的左键按下，以鼠标的左键被按下时的坐标为起始坐标，在鼠标的左键被按下的同时移动鼠标，拖拽鼠标的光标在画布上移动一定的距离，以鼠标的左键被松开时的坐标为终止坐标，这样，可在画布上建立从起始坐标至终止坐标的矩形框选区。

在步骤S200中，若结构式的全部落在选区内，则选中画布上的结构式；若结构式的部分落在选区内，则部分选中画布上的结构式；其中，结构式的部分落在选区内是指至少两个结构式的坐标点落在选区内。

例如该结构式为环己烷，具有正六边形的图形。如果环己烷的六条边都落在选区内，可以视为结构式的全部落在选区内，选中环己烷，选中的表现形式为环己烷的六条边的颜色改变。如果环己烷只有一条边或者半条边落在选区内，可以视为结构式的部分落在选区内，选中这条边，选中的表现形式为环己烷的六条边的颜色改变。如果环己烷只有一条边上的一个点落在选区内，可以视为结构式的未落在选区内，不选中结构式。这样，通过上述算法可以减少框选误操作，尤其当结构式的排布比较紧凑时。

在步骤S300中，遍历选区选中或者部分选中的结构式，生成坐标信息和尺寸信息，作为对象存储，并生成相应的离线canvas。

还是以环己烷为例，坐标信息指的是环己烷的六条边的各个点的坐标集合，尺寸信息指的是环己烷的宽度信息和高度信息；在遍历过程中，生成坐标信息和尺寸信息并将其作为对象存储，然后生成相应的离线canvas。

如图2所示，在离线canvas中，具有一个略大于环己烷的宽度和高度的方框，环己烷在方框内居中；在方框的下方中间有一个搜索按钮，点击搜索按钮，可以搜索数据库中有关环己烷的信息；在方框的下方右边有一个转换按钮，点击转换按钮，可以开始执行将离线canvas转换生成图片的步骤；在方框的上方中间有一个操作点，该操作点的功能类似于word、PPT中文本框上方的操作点，点中该操作点拖拽可以控制环己烷在方框内旋转一定角度。

在步骤S400中，所有的步骤在点击转换按钮后开始执行。首先，从对象中获取坐标信息和尺寸信息；然后，调用画布中绘制图片的方法函数，并在新建的画布上将对象的坐标信息和尺寸信息导入，生成相应的图片。这个过程相当于根据对象的坐标信息和尺寸信息再画一次结构式。不同之处在于，由于对象的坐标信息和尺寸信息预先就存在，因此，画出来的结构式没有其他的坐标信息，即没有所谓的空白部分。其中，图片格式为base64。

除此之外，本发明还提供了另一种结构式图片的生成方法，如图3所示，其包括步骤S110、步骤S210以及步骤S310。其中步骤S210和步骤S310已经包括在上述提及的结构式图片的生成方法中。不同之处在于，本实施例提供的结构式图片的生成方法不需要进行框选。而是通过一键操作，将画布上的结构式，转换生成相应的离线canvas，再获取离线canvas的坐标信息和尺寸信息，并依据该坐标信息和尺寸信息转换生成相应的图片；从而自动裁剪整个画布中空白部分，得到结构式图片。

相应地，本发明还提供了一种结构式编辑器，包括确认结构式单元、离线canvas生成单元和图片生成单元；其中，确认结构式单元用于确认结构式步骤，响应于用户的操作，确认待处理的结构式；离线canvas生成单元用于生成离线canvas步骤，依据待处理的所述结构式生成相应的离线canvas；图片生成单元用于依据离线canvas生成相应的图片。另外，与上述内容相同的部分本实施例中不再赘述。

以上所述的具体实施例，对本发明的目的、技术方案和有益效果进行了进一步的详细说明，应当理解，以上所述仅为本发明的具体实施例而已，并不用于限定本发明的保护范围。特别指出，对于本领域技术人员来说，凡在本发明的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本发明的保护范围之内。