javascript - 使用 Canvas 在轮廓透明图像后面绘制笔划?

标签 javascript css html image canvas

我需要在 canvas 标签上的透明 png 图像后面或下方使用 mousemove 绘制描边。

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

使用 css 没有用,因为 stroke 会影响背景图像。 .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;

关于javascript - 使用 Canvas 在轮廓透明图像后面绘制笔划?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36123242/

相关文章:

javascript - 如何在点击时重复增加 CSS 属性的值?

javascript - 当外部组件未知时使左右边距相等

jquery: fadeToggle 一切但不是链接和特殊的 div

html - 修复了具有 100 高度绝对位置正文和 jquery 滚动菜单的页脚

javascript - 在没有焦点的情况下替换文本区域内的文本

html - 如何在传单 map 上添加渐变?

javascript - 在 TypeScript 中,什么时候使用 "let"什么时候使用 "const"?

javascript - Google Analytics - 背后的 JavaScript 代码

html - windows浏览器如何自动隐藏滚动条

html - 如何使 CSS 表格适合屏幕宽度?