使用方法:
1、head引入css文件
2、head引入js文件
$(function () {
// 使用(通过init方法覆盖默认属性,并初始化事件)
var _penCutout = new penCutout();
_penCutout.init({
//覆盖属性
drawPanel: "drawPanel",
imgSrc: "file/target.jpg",
penColor: "#ff40ef",
width: 400,
height: 400
});
//事件
$("#btnPoints").click(function () {
alert(JSON.stringify(_penCutout.can.pointList));
})
$("#btnCut").click(function () {
_penCutout.createCutImg(function (imgSrcData, w, h) {
$("#imgCutShow").attr("src", imgSrcData).css({"display": "block", "width": w, "height": h});
})
})
$("#btnDown").click(function () {
_penCutout.downLoad();
})
$("#redo").click(function () {
_penCutout.ReDo();
})
})
3、body引入HTML代码