Method and device for text drawing

Abstract

The invention discloses a method and device for text drawing, relates to the field of computer technologies and aims to solve the problem in poor effects of current text drawing methods on Canvas. The method disclosed by the invention comprises the steps that the current rest width is computed before drawing of each character on the Canvas, wherein the rest width is equal to the difference which is obtained by subtraction of a character end point horizontal coordinate of a previous character from the Canvas width, and the character end point horizontal coordinate is the sum of a character start point horizontal coordinate of the previous character and the character width of the previous character; whether the rest width is smaller than the character width of a to-be-drawn character is judged; if the rest width is not smaller than the character width of the to-be-drawn character, the to-be-drawn character will be drawn after the previous character; and if the rest width is smaller than the character width of the to-be-drawn character, the to-be-drawn character will be drawn on another row. The method and device disclosed by the invention are applicable to text drawing with application of Canvas elements.

Description

Technical field [0001] The present invention relates to the field of computer technology, in particular to a method and device for drawing text. Background technique [0002] The Canvas element is a new element in Hyper Text Markup Language 5.0 (HTML5 for short) applications. It is used to draw graphics on web pages. The Canvas element itself does not have the ability to draw. It presents a drawing API to the client, so that the client uses JavaScript to draw the graphics content that it wants to draw on the Canvas. In addition, you can also draw characters, text, or add images to Canvas through a variety of methods. [0003] When drawing text on a Canvas with a limited width, it is usually to set the starting point coordinates of the drawing first, and then draw the text on the Canvas from left to right from the starting point coordinates at one time. Because Canvas itself only supports single line drawing, so when needed When the drawn text is relatively long and the total leng...

AI Technical Summary

Problems solved by technology

However, when the text is too long and the complete text cannot be drawn on the Canvas when it is reduced to the visible range, the part of the text that exceeds the width of the Canvas will not be drawn on the Canvas, but will be drawn beyond the Canvas Partially omitted, and it may also appear that only a part of a character may be displayed on the far right of the Canvas

In summary, it can be seen that the existing methods for drawing text on Canvas are poor

Images