兰州做公司网站,忘记了wordpress,网站设计及建设合同,网站建设多少钱一个平台示例本示例显示了一个简单的图像裁剪功能#xff0c;该功能获取图像和裁剪坐标并返回裁剪后的图像。function cropImage(image, croppingCoords) {var cc croppingCoords;var workCan document.createElement(canvas); // 创建一个画布workCan.width Math.floor…示例本示例显示了一个简单的图像裁剪功能该功能获取图像和裁剪坐标并返回裁剪后的图像。function cropImage(image, croppingCoords) {var cc croppingCoords;var workCan document.createElement(canvas); // 创建一个画布workCan.width Math.floor(cc.width); // 将画布分辨率设置为裁剪的图像尺寸workCan.height Math.floor(cc.height);var ctx workCan.getContext(2d); // 获取2D渲染界面ctx.drawImage(image, -Math.floor(cc.x), -Math.floor(cc.y)); // 绘制图像偏移以将其正确放置在裁剪区域上image.src workCan.toDataURL(); // 将图像源设置为画布作为数据URLreturn image;}使用var image new Image();image.src image URL; // 加载图像image.onload function () { // 加载时cropImage(this, {x :this.width/ 4, // 作物保持中心y :this.height/ 4,width :this.width/ 2,height :this.height/ 2,});document.body.appendChild(this); // 将图像添加到DOM};
