fillStyle 可以设置成 RGBA，你应该在离屏 canvas 就处理好。然后调用目标 canvas 直接画

当然可以

你得把你的代码贴出来别人才能帮你分析为什么显示不出来啊!

水印仍然是在图片上的，缩小之后图像小了，但是其他部分以透明的形式存在，水印就在那部分透明的部分上，你可以下载后用ps看一看，就清楚了

有了有了，但很慢才加载进去

Webstorm，老师用的是这个编辑器，但是那么多行代码一下出来是任何编辑器都不能实现的，除非提前从别的地方复制一下那些内容，或者删除之后撤销操作。

在变动时添加一些判断就好了

range.addEventListener('change',function(){//range = document.getElementById("range")获取滑杆
            var sx = canvas.width*(1-range.value)/2;//图片左上角x坐标
            var sy = canvas.height*(1-range.value)/2;//图片左上角Y坐标
            context.clearRect(0,0,canvas.width,canvas.height);//清除context的图像
            context.drawImage(image,sx,sy,canvas.width*range.value,canvas.height*range.value);//重绘图片
            if(range.value<1){   //判断放大比例是否少于1
                context.drawImage(offsetCanvas,
                                  sx+canvas.width*range.value-offsetCanvas.width,//水印的左上角x值
                                  //sx是图片的左上角位置，加上图片右下角的x值就是整个canvas的左边界                                  //到图片的右下角x的总距离，再减去水印自身的x值，就是水印左上角x值
                                  sy+canvas.height*range.value-offsetCanvas.height);//水印的左上角Y值
            }else{
                context.drawImage(offsetCanvas,
                                  canvas.width-offsetCanvas.width,
                                  canvas.height-offsetCanvas.height);
            }

那你单独加个图层罗

sublime text2