Method and device used for drawing image

Abstract

The invention discloses a method and a device used for drawing an image. One specific implementation way of the method comprises the following steps that: obtaining a coordinate sequence in a canvas coordinate system when a contact point controlled by a user moves on a canvas; obtaining the first abscissa axis radius, the first vertical axis radius and the first included angle of a first ellipse corresponding to each coordinate in the coordinate sequence; detecting whether the following conditions are met or not: all first abscissa axis radiuses are equal, all first vertical axis radiuses areequal and all first included angles are equal; responding when the above conditions are met, and determining the second abscissa axis radius, the second vertical axis radius and the second included angle of a second ellipse determined by every two adjacent coordinates; and on the basis of each second abscissa axis radius, each second vertical axis radius and each second included angle, drawing animage on the canvas. By use of the implementation way, a phenomenon that stroke thickness is consistent and stiff when the image is drawn is changed, the simulation drawing of the image is realized, and the writing experience of the user on the canvas is improved.

Description

technical field [0001] The present application relates to the field of computer technology, in particular to the field of web page drawing, and in particular to a method and device for drawing images. Background technique [0002] The development of the Internet has increased the demand for Web applications, and the release of the HTML5 (HyperText Markup Language5, fifth version of Hypertext Markup Language) standard allows users to experience richer Web applications. HTML5 provides the canvas tag element to realize the canvas function, and the canvas tag element can draw images by relying on the function statements of the scripting language JavaScript required for editing Web pages. [0003] However, the existing HTML5-based image drawing method draws strokes that are uniform in thickness and stiff, and the writing effect is poor, which cannot meet people's needs for simulated writing. Contents of the invention [0004] The purpose of the present application is to propos...

AI Technical Summary

Problems solved by technology

[0003] However, the existing HTML5-based image drawing method draws strokes that are consistent in thickness and stiff, and the writing effect is poor, which cannot meet people's needs for simulated writing

Images