在<canvas>上的<IMG>中添加CSS

Question

我想在canvas上的图片中添加一些习俗样式，但不附加任何内容。 否则，当我在使用img函数之前登录drawImage()时，我们可以在style

中看到样式

您可以在此处查看示例：

var canvas = document.querySelector('canvas'),
context = canvas.getContext('2d');

context.globalCompositeOperation='destination-over';
context.beginPath()
context.rect(20, 20, 150, 100);
context.stroke()
make_base();

function make_base()
{
  base_image = new Image();
  base_image.src = 'https://placekitten.com/300/300';
  base_image.style.display = 'none'
  console.log(base_image)
  base_image.onload = function(){
    context.drawImage(base_image, 0, 0);
  }
}

<canvas width="300" height="300" style="border:1px solid #000000;">
</canvas>

如果您有任何建议！ 非常感谢