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

Question

我需要使用mousemove在canvas标签上的透明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);

  }

Answer 1

使用css解决：

var params = {}, href = window.location.search, hashes = (href.length > 0) ?   href.replace('&', '&').slice(1).split('&') : [];
for (var i = 0; i < hashes.length; i++) {
var hash = hashes[i].split('=');
params[hash[0]] = hash[1];
}
$('.search input').val(params['search']);