评论：图像擦除插件jQuery.eraser  [查看原文]

所属分类：媒体-图像

 57110  368  30
当前第2页 / 共2页
    该用户名已注册0
    2015/1/14 12:19:31
    问题解决了，来反馈下： 移动端使用的话，ip4是可以完全适配的，而ip6，iP5会产生缩放导致不能铺满画布（原因不明）， 那可以这么改： 找到“
    ctx.drawImage(that, 0, 0);
    ”（大概第99行）；将其修改为
    ctx.drawImage(that, 0, 0,width,height);
    ，即可使ip6也满画布。 前后对比： 回复
    该用户名已注册0
    2015/1/12 14:17:48
    移动端用这个好像有问题。。最上面的图片不能完全覆盖下面的。会被缩放。强制宽高100%都不起作用。悲剧
        *上邪!!!0
        2016/3/14 21:03:57
        是的，我也遇到这个情况，没办法，只能固定像素了，两个图片都固定像素
    回复
    该用户名已注册0
    2015/1/12 12:09:44
    有个很有趣的事实：用了这个插件后会把最上面那张被擦除的图片从img类里抹除去，让其不在相应的img队列中，所以会导致使用了类似“div img”后代选择器的css选择器对最上面那张图片不起作用。所以要让它起作用的话必须对那张被擦除的图片的css属性里定义“position：absolute” eg： html： 
    		
    
			
			
			
		
    //- 代码区
    css: 
    .index img{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#easer{
	position: absolute;
	z-index: 2;
}
#index-img{

	z-index: 1;
}//- 代码区
    若上面没有对“#easer“定义”position“的话会发现这个插件失效了。虽然上面的css选择器里已经定义过一次position了，但是实际上这时候”#easer“已经不在”index“的img后代中了。（”#easer“这个元素已经成为canvas元素了。） 虽然是个简单的问题，但是还是希望作者强调下这个问题。。毕竟对于新手来说这个问题还是蛮折腾人的。。 回复
    JQ剑圣0
    2014/8/22 13:59:00
    在线完全没法用 回复
    济公0
    2014/7/22 17:45:00

    关于触发回调函问题，实现代码如下.

    addEventListener( "load", init, false );
    function init( event ) {
        $("#redux").eraser({
        size: 120,
        completeRatio: .5,
        completeFunction: showResetButton,
    });
}
function showResetButton(){
    alert("百分之50后执行");
}
        祖传牛皮癣0
        2016/4/29 9:04:29
        回调无法执行
    回复

讨论这个项目（30）回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

取消回复