用canvas去掉图片周围的透明区域（去白边）

最新推荐文章于 2023-09-20 11:16:20 发布

前端攻城师老张

最新推荐文章于 2023-09-20 11:16:20 发布

阅读量3.3k

点赞数

文章标签： canvas

本文链接：https://blog.csdn.net/qq_38323658/article/details/107249396

版权

本文介绍如何利用HTML5的canvas元素裁剪图片，去除图片周围的透明区域，实现去白边效果。通过绘制图片到canvas，检测像素颜色，找到非透明部分，最后将裁剪后的图像保存。

摘要由CSDN通过智能技术生成

//bitmap 包含关于img的各种参数信息
export function getImageBoundRect(bitmap: annie.Bitmap | any, threshold: number=0) {
   
    let img = bitmap.bitmapData;
    let canvas: HTMLCanvasElement = document.createElement("canvas");
    canvas.width = bitmap.width;
    canvas.height