var img = document.getElementById(‘img’);
var cas = document.createElement(‘canvas’);
var ctx = cas.getContext(‘2d’);
cas.width = 100,
cas.height = 100;
ctx.fillStyle = ‘pink’;
ctx.fillRect(0, 0, 100, 100);
// 把画布的内容转换为base64编码格式的图片
var data = cas.toDataURL(‘image/png’, 1); //1表示质量(无损压缩)
img.src = data;
// 把画布的内容转换为base64编码格式的图片
console.log(cvs.toDataURL(‘image/png’));
/*·
* base64编码图片的应用:
* 如果一个网站中有少量的小图片,可以考虑直接使用base64编码。
*/