前端使用g2画图时为什么图片渲染的比div还要快在html中div的内容应该在g2图之前可是g2图先渲染了

前端使用g2画图时，图片渲染比div快的主要原因是因为g2是基于canvas绘制的，而div是基于文档流布局的。

在HTML中，元素的渲染顺序是按照它们在文档中的顺序依次渲染的。因此，如果div的内容在g2图之前，那么div的内容会先于g2图渲染。

然而，g2是基于canvas绘制的，canvas绘制是通过JavaScript进行操作的，它不会被HTML文档流所影响，因此可以在div内容渲染之前就开始绘制g2图。

另外，canvas绘制是通过像素绘制的，而div是通过布局绘制的。布局绘制需要计算元素的位置、大小等属性，而像素绘制只需要绘制像素点，因此绘制速度更快。

综上所述，由于g2是基于canvas绘制的，不受HTML文档流限制，并且绘制速度更快，所以在渲染时g2图会先于div内容渲染。