canvas的toDataURL ()方法是返回包含图像显示的数据URL。 可以使用类型参数的类型。 默认值为PNG格式。 图像分辨率为96dpi。
一.语法
canvas.todataurl (类型，编码选项； 二.参数
1、类型：图像格式，默认为image/png，也可以是其他image/jpeg等
2、编码选项：取0到1之间的值。 主要用于选择图像的质量。 默认值为0.92，即使在范围外也选择默认值。
三.返回值
返回值是数据url，是由base64组成的图像的源数据，是可以直接分配给图像的src属性。
！ doctypehtmlhtmlclass=' no-js ' headmetacharset=' utf-8 ' meta http-equiv=' x-ua -兼容' content=' ie=equiv ewport ' content=' width=device-width， 初始比例=1' link rel=' style sheet ' href=' '/headbodycanvasid=' my canvas ' width=' 200 ' height=' 200 '/my canvas ' width=' 200 ' canvas img src=' ' id=' my image ' script type=' text/JavaScript ' var CVS=document.getelememer mement CTX.fillrect (0，0，300，400 )； varimgdatasrc=CVS.todataurl (image/png )； img.src=imgDataSrc； /script/body/html注意事项： (参考MDN )
1、画布的高度或宽度为0时，返回字符串“data:”。
2、如果传递的类型不是“image/png”，但返回的值以“data:image/png”开头，则不支持应该传递的类型(例如
3、Chrome支持“image/webp”类型。