js+html5 canvas实现ps钢笔抠图(2)

<style type="text/css"> .canvasDiv { position: relative; border: 1px solid red; height: 400px; width: 400px; top: 50px; left: 100px; z-index: 0; } img { width: 400px; height: 400px; z-index: 1; position: absolute; } #canvas { position: absolute; border: 1px solid green; z-index: 2; } .btnCollection { margin-left: 100px; } </style>

<div> <img src="https://www.jb51.net/flower.jpg" /> <canvas></canvas> </div>

5.总结：