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

Today, I would like to share with you the relevant knowledge of what is the applicable scenario of svg and canvas. The content is detailed and the logic is clear. I believe most people still know too much about this, so share this article for your reference. I hope you can get something after reading this article. Let's take a look at it.

First of all, the remarkable characteristics of the two technologies are analyzed.

Canvas SVG

Pixel-based (dynamic .png) shape-based

A single HTML element has multiple graphical elements that become part of the DOM

Modified by script only, modified by script and CSS

Event model / user interaction granulation (xrey) event model / user interaction abstraction (rect, path)

When the surface is smaller and the number of objects is larger (> 10k) (or both), the number of objects with better performance is smaller (= 0 & & r = 74 & & g = 0 & & b)

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.