基于HTML5的文字元素绘制方法及装置

摘要

本发明提供了一种基于HTML5的文字元素绘制方法，包括：在接收到基于HTML标签和CSS样式创建的要被绘制的文字元素内容的文字样式后，从所述文字样式中提取出各个文字元素以及对应的HTML标签；对各个HTML标签进行解析，获取各个HTML标签中的CSS样式；将Canvas画布的样式上下文设置为所获取的CSS样式；以及调用所述Canvas画布来绘制对应的文字元素。利用该方法，通过使用基于HTML标签和CSS样式创建的文字样式，解析出HTML标签中的CSS样式并设置为Canvas画布的样式上下文，并利用该画布绘制文字元素，可以提高“具有多个样式”的一段文字的绘制效率，降低了后续的维护难度。

主权项

一种基于HTML5的文字元素绘制方法，包括：在接收到基于HTML标签和CSS样式创建的要被绘制的文字元素内容的文字样式后，从所述文字样式中提取出各个文字元素以及对应的HTML标签；对各个HTML标签进行解析，获取各个HTML标签中的CSS样式；将Canvas画布的样式上下文设置为所获取的CSS样式；以及调用所述Canvas画布来绘制对应的文字元素。