使用画布在轮廓透明图像后面绘制笔触

Draw stroke behind an outline transparent image using canvas?

本文关键字：图像 绘制 透明图 透明 轮廓      更新时间：2023-09-26

我需要在画布标签上的透明 png 图像后面或下方使用鼠标移动来绘制笔触。 

#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;
相关文章：