[发明专利]在canvas中渲染数据的方法、装置、电子设备及存储介质

说明书

本发明是关于一种在canvas中渲染数据的方法、装置、电子设备及存储介质。所述方法包括：在待处理文件中获取标记语言格式的待渲染数据；将所述标记语言格式的待渲染数据转换为可被图片生成工具识别的语言格式；将可被图片生成工具识别的语言格式的数据生成图片；将所述图片渲染在canvas中。本发明提供的方案可将标记语言格式的带渲染数据渲染在canvas中。

技术领域

本发明涉及计算机技术领域，尤其涉及一种在canvas中渲染数据的方法、装置、电子设备及存储介质。

背景技术

数学公式的结构一般比较复杂，在不同的数据文件中以不同的格式显示。对于格式相同的数据文件，在将其中一个数据文件中的公式渲染到另外一个数据文件中时，可在一个数据文件中获取公式并直接渲染到另外一个数据文件中。例如XML和HTML的数据文件中的公式都是标记语言格式，可直接将XML数据文件中的公式直接渲染到HTML数据文件中。但对于canvas(画布)来说，其不能渲染标记语言格式的数据，因此无法将标记语言格式的公式渲染在canvas中。

发明内容

本发明提供了一种在canvas中渲染数据的方法、装置、电子设备及存储介质，以解决现有技术中存在的不足。

根据本发明实施例的第一方面，提供了一种在canvas中渲染数据的方法，其特征在于，所述方法包括：

在待处理文件中获取标记语言格式的待渲染数据；

将所述标记语言格式的待渲染数据转换为可被图片生成工具识别的语言格式；

将可被图片生成工具识别的语言格式的数据生成图片；

将所述图片渲染在canvas中。

在一个可选的实现方式中，所述待渲染数据包括公式数据。

在一个可选的实现方式中，在所述在待处理的数据文件中获取标记语言格式的数据之后，所述方法还包括：

对所述公式数据进行数据清洗，所述数据清洗包括：将所述公式数据包含的格式异常的符号进行格式转换；和/或，

对所述公式数据进行修正，所述修正包括：将所述公式数据中位置错乱的字符的位置修正。

在一个可选的实现方式中，所述在待处理的数据文件中获取标记语言格式的数据，包括：

在所述待处理的数据文件中查找所述公式数据的头标签和尾标签；

获取头标签数据和尾标签数据。

在一个可选的实现方式中，述可被图片生成工具识别的语言格式包括SVG语言格式。

在一个可选的实现方式中，所述将所述图片渲染在canvas中，包括：

获取坐标参数，根据所述坐标参数在canvas中确定目标图像区域；

将所述图片渲染在所述目标图像区域。

在一个可选的实现方式中，在所述将所述图片渲染在所述目标图像区域之前，所述方法还包括：

对所述图片进行缩放，缩放后的图片大小与所述目标图像区域的大小匹配。

根据本发明实施例的第二方面，提供了一种在canvas中渲染数据的装置，其特征在于，所述装置包括：

数据获取模块，用于在待处理的数据文件中获取标记语言格式的数据；

格式转换模块，用于将所述标记语言格式的数据转换为可被图片生成工具识别的语言格式；

图片生成模块，用于采用所述图片生成工具将可被图片生成工具识别的语言格式的数据生成图片，所述图片显示所述数据的信息；