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