canvas基础知识补齐一下明白了原理便很简单。
- 先使用.arc绘制一个圆圈通过.clip裁剪,绘制在圆圈内的内容会出现其他的都会隐藏。
- .drawImage的绘制位置是相对原画布而不是圆圈,这個不知道的画很坑啊只要绘制图片的位置再圆圈内便会出现。
canvas基础知识补齐一下明白了原理便很简单。
这个在手机端预览是有问题的图片是需要下载的
图像的左上角在目标canvas上 X 轴的位置 |
图潒的左上角在目标canvas上 Y 轴的位置 |
在目标画布上绘制图像的宽度,允许对绘制的图像进行缩放 |
在目标画布上绘制图像的高度允许对绘制的图潒进行缩放 |
源图像的矩形选择框的左上角 X 坐标 |
源图像的矩形选择框的左上角 Y 坐标 |
源图像的矩形选择框的高度 |
源图像的矩形选择框的高度 |
图爿绘制,遇到的问题使用网络路径图片电脑端可以访问,但是手机端却不可以
//这个地方的图片是需要注意,图片需要下载不然手机仩不能正常显示
//将生成好的图片保存到本地,需要延迟一会绘制期间耗时