Javascript 使用画布在轮廓透明图像后绘制笔划？

我需要在画布标记上的透明png图像后面或下面使用mousemove绘制笔划

#canvas{
background:../images/wat.png ;}

使用css是没有用的，因为笔划会影响背景图像。.png图像必须完整。我还尝试了以下功能：

function make_base()
{
  base_image = new Image();

  base_image.src = '../images/wat.png';

  base_image.onload = function(){

    ctx.drawImage(base_image, 0, 0,window.innerWidth, window.innerHeight);

  }

使用css解决：

pointer-event: none;