Javascript 反转颜色HTML5画布教程

所以这个网站有一个反转颜色的教程。我一直在尝试做一些类似的事情，但它不起作用，尽管我没有错误。另外，我在本地服务器上运行它，因为我最初遇到了安全错误，导致它无法正常运行，现在Chrome在运行代码时没有问题。我只是在屏幕上看不到任何变化。 我决定将他们的代码转移到JSFIDLE中，只是为了观察它的工作情况，然后通过更改值进行学习，但当我点击run时，达斯维德的图像并没有反转。这是否意味着他们的示例代码缺少了一些东西，并且可以解释为什么我在工作中没有看到任何变化

谢谢你的帮助

应要求

（很抱歉，它也希望发布代码，因为我有JSFIDLE链接）

身体{
边际：0px；
填充：0px；
}
函数drawImage（imageObj）{
var canvas=document.getElementById（'myCanvas'）；
var context=canvas.getContext（'2d'）；
var x=69；
变量y=50；
上下文。drawImage（imageObj，x，y）；
var imageData=context.getImageData（x，y，imageObj.width，imageObj.height）；
var数据=imageData.data；
对于（变量i=0；i

---

问题是您需要使用本地托管的图像或数据url。我犯的错误是有一个跨浏览器的问题。以下修改过的小提琴工作正常

image.src = 'data:image/png;base64,iVBOR....seefiddle'

---

你能提供你创建的小提琴吗？我们可以看看有什么地方出错。很抱歉，我应该先这么做，现在就添加：）哦，对了，这基本上就像我在设置MAMP之前遇到的代码问题一样。这给了我一些可以继续下去的东西，至少我知道我正在做的事情不太管用。谢谢

image.src = 'data:image/png;base64,iVBOR....seefiddle'