CANVAS полотно не ровной формы?

Question

[Дядя Ваня]

Как сделать канвас полотно (не круг, не квадрат, а смо полотно) не правильной формы, типа кляксы или чтто-то в этом роде.
Или же сам канвас можно оставить квадратной формы, вставить туда картинку и всю зону где нет картинки оставить прозрачной, что бы было видно бекграунд сайта.
Задача такова:
Есть фон сайта, на нем канвас который будет стиратся , под стертым слоем какойнибудь елемент. Суть в том что бы канвас не выставлял фон бека себе, а был прозрачным, и наполнялся только картинкой неправильной формы. Ссори что трудно обьясняю, сложно просто как-то))

Черное это то что канвас ставит



Вот код где я описываю немного это все дело

const canvas = {};

      canvas.node = document.createElement('canvas');
      canvas.context = canvas.node.getContext('2d');
      canvas.node.width = width;
      canvas.node.height = height;

      parent.appendChild(canvas.node);
  
      // if(!canDrawGrid){
      //   return canvas;
      // }

      const base_image = new Image();
      base_image.src = this.imgPath.canvasMask;



      base_image.onload = () => {
        canvas.context.drawImage(base_image, -43, -24);
      }
      
      return canvas;

Answer 1

[hzzzzl]

например
https://codepen.io/anon/pen/BbqzYe
https://bennettfeely.com/clippy/

Comments

[hzzzzl]

к дополнению : не ну можно наверно на большой канвас наложить абсолютно картинку с прозрачными вырезами :)

[Дядя Ваня]

Спасибо) ТА мне кажется я этим решением воспользуюсь)