利用Canvas将图片转换为DataURL

DataURL是什么？其实就是一个Url,这个Url存储了Data,比如将一张图片变成url.

以下是一个图片的DataURL：

https://i-blog.csdnimg.cn/blog_migrate/8dfbe939ce2d0c9cd798f297276df1b7.png

 

把DataURL显示出来:

存储成url的图片非常长,所以一般只能用来存储小图片.

DataURL相比传统的图片有一个优势,即减少http请求数量

大家应该都知道,一个网页加载时,每个img中的src属性都需要重新进行一次请求,这样会拖慢页面的下载速度.

而DataURL很明显是不需要进行请求的,因为数据就存在Url本身.

但是DataURL的弊端也很明显,首先它不适合存储大图,其次便是如果数量比较多,载入的速度会明显下降(因为url太长导致页面下载到的数据量增大).

转载于:https://www.cnblogs.com/bbqwwb/p/8435540.html