2D

2025年02月08日

柏拉文

越努力，越幸运

一、认识

---

二、思路

---

三、实现

---

function flipImage(ctx, imageEl, imageWidth, imageHeight, isFlipHorizontal, isFlipVertical){
  ctx.clearRect(0, 0, imageWidth, imageHeight);
  ctx.save();
  if (isFlipHorizontal) ctx.scale(-1, 1);
  if (isFlipVertical) ctx.scale(1, -1);
  ctx.drawImage(
    imageEl,
    0,
    0,
    imageWidth,
    imageHeight,
    isFlipHorizontal ? -newWidth : 0,
    isFlipVertical ? -newHeight : 0,
    newWidth,
    newHeight
  );
  ctx.restore();
}

四、测试

---