利用Canvas将图片转换为DataURL
DataURL是什么？其实就是一个Url,这个Url存储了Data,比如将一张图片变成url. DataURL是什么？其实就是一个Url,这个Url存储了Data,比如将一张图片变成url.
以下是一个图片的DataURL： 以下是一个图片的DataURL：
https://img-blog.img.cn/2022010709015251855.png https://img-blog.img.cn/2022010709015251855.png
把DataURL显示出来: 把DataURL显示出来:
存储成url的图片非常长,所以一般只能用来存储小图片.
DataURL相比传统的图片有一个优势,即减少http请求数量
大家应该都知道,一个网页加载时,每个img中的src属性都需要重新进行一次请求,这样会拖慢页面的下载速度.
而DataURL很明显是不需要进行请求的,因为数据就存在Url本身.
但是DataURL的弊端也很明显,首先它不适合存储大图,其次便是如果数量比较多,载入的速度会明显下降(因为url太长导致页面下载到的数据量增大).
存储成url的图片非常长,所以一般只能用来存储小图片. DataURL相比传统的图片有一个优势,即减少http请求数量 大家应该都知道,一个网页加载时,每个img中的src属性都需要重新进行一次请求,这样会拖慢页面的下载速度. 而DataURL很明显是不需要进行请求的,因为数据就存在Url本身. 但是DataURL的弊端也很明显,首先它不适合存储大图,其次便是如果数量比较多,载入的速度会明显下降(因为url太长导致页面下载到的数据量增大).