android 仿钢笔代码,仿ps画布钢笔抠图工具代码

本文介绍了一种使用PenCutout库进行图片裁剪和编辑的方法。通过在HTML中引入CSS和JS文件,然后利用jQuery绑定事件,如点击按钮获取点列表、创建裁剪图片及下载。主要涉及的技术包括前端图像处理、JavaScript库应用和DOM操作。
摘要由CSDN通过智能技术生成

使用方法:

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代码

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值