如何在运行时更改Image的颜色

<img src="image.png" alt="Image" style="filter: hue-rotate(90deg);">

const image = document.getElementById('image');
image.style.filter = 'hue-rotate(90deg)';

const canvas = document.createElement('canvas');
const context = canvas.getContext('2d');
const image = new Image();
image.src = 'image.png';
image.onload = function() {
  canvas.width = image.width;
  canvas.height = image.height;
  context.filter = 'hue-rotate(90deg)';
  context.drawImage(image, 0, 0);
  const newImage = new Image();
  newImage.src = canvas.toDataURL();
};