Shulou(Shulou.com)06/02 Report--

This article mainly shows you "what's the difference between html5 canvas and svg". The content is simple and clear. I hope it can help you solve your doubts. Let me lead you to study and learn this article "what's the difference between html5 canvas and svg".

Differences: 1, canvas depends on resolution, but SVG does not rely on resolution; 2, canvas does not support event handler, SVG supports event handler; 3, canvas is suitable for image-intensive game applications, SVG is not suitable for game applications; 4, svg is defined through XML, while Canvas is defined through javascript.

The operating environment of this tutorial: windows7 system, HTML5 version, Dell G3 computer.

Canvas (canvas) is drawn by Javascript, pixel by pixel. Canvas once the image is drawn, it has nothing to do with the browser, the position of the image changes, and the whole scene needs to be redrawn, including the elements that have been covered.

Svg is drawn using xml, and you can add javascript event handlers to svg. All DOM are available, and the browser will automatically redraw when the properties change.

The difference between SVG and Canvas:

Canvas (canvas)

Dependent resolution

Event handlers are not supported

Weak text rendering ability

The resulting image can be saved in .png or .jpg format

Most suitable for image-intensive games, in which many objects are frequently redrawn

Canvas is defined through javascript.

SVG

Independent of resolution

Support for event handlers

Best suited for applications with large rendering areas (such as Google Maps)

High complexity slows down rendering (any application that uses DOM too much is not happy)

Not suitable for game applications

Svg is defined through XML

The above is all the content of this article entitled "what's the difference between html5 canvas and svg". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.