// 正常绘制:
// ctx.drawImage(img, px, py);
// 水平“翻转”画布
ctx.translate(canvas_width, 0);
ctx.scale(-1, 1);
// 下面画的图片是水平翻转的
ctx.drawImage(img, canvas_width - img.width - px, py);
// 画布恢复正常
ctx.translate(canvas_width, 0);
ctx.scale(-1, 1);
本文介绍了一种使用 Canvas API 实现图片水平翻转的方法。通过 translate 和 scale 方法调整坐标系,实现对图片的翻转效果,并最终还原画布状态。此技术适用于 Web 开发中的图像处理场景。

被折叠的 条评论
为什么被折叠?



