Html
    Css
    Js

    
                        
  #mycan {
	background-color:transparent;
	top:0px;
	left:50px;
	position:absolute;
	z-index:10
}
.myimg {
	height:300px;
	width:500px;
	position:absolute;
	top:0px;
	left:50px;
}
#img1 {
	transform:rotateX(180deg);
}

                        
↑上面代码改变,会自动显示代码结果 jQuery调用版本:1.11.3
 立即下载

canvas刮刮乐效果(原创)

主要是利用了canvas的globalCompositeOperation = "destination-out";

在与源不重叠的区域上保留目标。其他部分都变成透明的。

这个特性才会让canvas(本身背景色设置透明),然后重叠区域透明。

2
      wlrjgzs0
      2018/2/11 12:13:05
      涛声依旧0
      2018/1/16 8:57:00