Canvas实例：Data URI协议应用与局限.pdfVIP

DataURI协议格式

协议格式:

data:资源类型;编码,内容

在浏览器中生成一个简单的HTML页面

data:text/html;ascii,你好呀，亲O(∩_∩)O

在浏览器中显示一个小(黑色8x8像素)

data:image/bmp;base64,Qk1eAAAAAAAAAD4AAAAo

AAAACAAAAAgAAAABAAEAAAAAACAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAP///wAAAAAAAAAAAA

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==

DataURI协议存在的问题

base64编码会增大1/3体积，占用带宽。

浏览器解析时，会消耗的CPU资源，并可能占用内存。（这

个和浏览器的实现有关，不过至少得多一次base64。）