weixin_36211546的博客

转载 canvas图片裁剪并base64转化

一．需求在canvas画布上，假设我们绘制了一张图片，现在需要将该图片进行裁剪，并将裁剪的区域提取成图像，并将该图像转化为base64格式返回，要求编写这样一个脚本。二．知识储备HTML5画布中，Canvas的以下几个接口可能是我们所需要的：1. clip：该接口用于对当前的画布设置裁剪区域，在之后的绘制过程中，只有裁剪区域中的绘制能够生效，即能够呈现。该方法需要先绘制一个封闭的路径，比如一个圆(arc)，抑或是一个矩形(rect)，接着在通过clip进行裁剪：例：cxt.rect(0, 0