Tuvali kullanarak anahat şeffaf bir görüntünün arkasına çizim inme?

Question

Bir tuval etiketinde şeffaf bir png görüntüsünün arkasında veya altında mousemove kullanarak strok çekmem gerekiyor.

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

Kontur arka plan görüntüsünü etkileyeceğinden, css'yi kullanmak yararlı değildir. .png görüntünün sağlam olması gerekir.

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); 

    } 

Answer 1

Çözülen kullanılarak CSS:

pointer-event: none; 

I `aşağıdaki fonksiyonu güvenilir