canvas实现在浏览器中对图片指定颜色进行扣除抠图效果代码-html代码-BFW代码库

canvas实现在浏览器中对图片指定颜色进行扣除抠图效果代码

代码语言：html

所属分类：其他

代码描述：canvas实现在浏览器中对图片指定颜色进行扣除抠图效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
 
<head>

	<meta name="keywords" content="" />
	<meta name="description" content="" />
	<style>
		html,
		body {
			background: #c7bbbb;
			text-align: center;
		}
	</style>
</head>
 
<body>
	<img id="img"
		src='//repo.bfw.wiki/bfwrepo/images/tubiaoxxx.png' crossOrigin="anonymou">
 
	<script>
		setTimeout(() => {
			removeImgBg(document.getElementById('img'));
		}, 200);
 
 
        /**清除图片背景颜色 **/
        function removeImgBg(img) {
            //背景颜色  白色
            const rgba = [255, 255, 255, 255];
            // 容差大小
            const tolerance = 60;
        
            var imgData = null;
            const [r0, g0, b0, a0] = rgba;
            var r, g, b, a;
            const canvas = document.createElement('canvas');
            const context = canvas.getContext('2d');
            const w = img.width;
          .........完整代码请登录后点击上方下载按钮下载查看