Vector graph operating method and device applied to webpage

Abstract

The invention provides a vector graph operating method applied to a webpage. The vector graph operating method applied to the webpage comprises the following steps that operation to drawing tools or erasing tools in a webpage drawing board by a user is responded, and a drawing state or an erasing state is triggered; when the drawing state is triggered, the operation positions of the drawing tools are obtained based on the flash technology, drawing traces of the drawing tools are recorded, and vector graphs are drawn; when the erasing state is triggered, drawn graphs are cached in a bitmap mode, the operation positions of the erasing tools are obtained based on the flash technology, erasing traces of the erasing tools are recorded, and bitmap graphs are erased. Correspondingly, the invention further provides a vector graph operating method applied to the webpage. The vector graph operating method and device applied to the webpage can effectively achieve drawing of the vector graphs and erasing in the pixel level, and improve graphic operation experience of the user.

Description

technical field [0001] The invention relates to graphics operation technology, in particular to a method and device for operating vector graphics applied to web pages. Background technique [0002] In the prior art, although the drawing method of vector graphics is adopted when manipulating graphics, the position and shape of each stroke are saved during the drawing process, but when the graphics are erased, only each stroke can be erased, such as widely used in The slideshow (power point, ppt for short) brush tool on the computer (pc) desktop, when the ppt is in the show state, you can select different brush tools for various annotations through the pointer option, and erase them by selecting the "eraser" tool label. However, because the existing solutions only support erasing at the stroke level and not at the pixel level, the following problems arise: First, the efficiency of the erasing operation is low. For example, the erasing method on ppt is: use the brush tool to p...

AI Technical Summary

Problems solved by technology

However, because the existing solutions only support erasing at the stroke level and not at the pixel level, the following problems arise: First, the efficiency of the erasing operation is low. For example, the erasing method on ppt is: use the brush tool to perform After the key content is marked once, click the "Eraser" to erase the marked track at one time, which cannot be erased on demand and in quantity, which is easy to cause misoperation, and the user may need to mark again; second, the eraser The effect is not realistic enough

[0003] In addition, although the drawing tool provided by the operating system (for example, windows) can erase the pixel level of the graphics, this tool is only applied locally on the PC through the PC programming technology, and cannot be applied to the network based on the flash technology. Therefore, the drawing tool is only aimed at desktop users, but it can do nothing for Internet users who use browsers to surf the Internet.

Images