关于不二的7 8 - 用Canvas来玩弄像素的一些问题
我为什么实现不了灰色效果代码如下：照抄都实现不了，尴尬了。特些救助！
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>鱼C工作室</title>
<style type="text/css">
html,body{
height: 100%;
margin: 50px;
}
</style>
</head>
<body>
<canvas id="fishcCanvas" width="1000" height="999">大兄弟，你的浏览器咋不支持Canvas呢？</canvas>
<script type="text/javascript">
var canvas = document.getElementById("fishcCanvas");
var context = canvas.getContext("2d");
var img= new Image();
img.src="FishC.png";
img.onload= function(){
context.drawImage(img,0,0,530,530);
imgd = context.getImageData(0,0,530,530);
var pxcount=530*530;
for(var i=0; i< pxcount*4; i+=4)
{
var myRed = imgd.data;//红色
var myGreen = imgd.data;//绿色
var myBlue = imgd.data;//蓝色
var myAlpha = imgd.data;//透明度
var myGray=parseInt((myRed+myBlue+myGreen)/3);//均值获灰度值
imgd.data = myGray;
imgd.data = myGray;
imgd.data = myGray;
}
context.putImageData(imgd,0,0);
}
</script>
</body>
</html>
参考：
https://blog.csdn.net/qq_25403605/article/details/49148423 ba21 发表于 2018-7-22 10:19
参考：
https://blog.csdn.net/qq_25403605/article/details/49148423
也许是基础差了点，看不懂！ 1、首先这个灰度图代码没有错，报错getImageData为什么无法执行呢？
2、问题：没有加载图片资源。。。将图片直接放在和index.html的同级目录下（）：
本帖最后由 隨鈊乄鎍慾 于 2018-7-22 13:27 编辑
不二如是 发表于 2018-7-22 12:30
1、首先这个灰度图代码没有错，报错getImageData为什么无法执行呢？
2、问题：没有加载图片资源。。。将 ...
图和html文件是放一块的，如图：
路径有没有问题？
隨鈊乄鎍慾 发表于 2018-7-22 13:26
图和html文件是放一块的，如图：
路径有没有问题？
文件目录不建议用中文，换成xxx.html试一试
代码我测试了，没有问题 不二如是 发表于 2018-7-22 13:45
文件目录不建议用中文，换成xxx.html试一试
代码我测试了，没有问题
我直接放G：盘下把html文件的名字也改成英文的了：
还是不行！抓狂！
执行结果还是彩色！没有变成灰色{:5_107:}
页:
[1]