用于处理加载图像的用户脚本

我想探索编写一个简单的防油麦脚本/chrome用户脚本的可行性，将浏览器窗口中加载的所有图像转换为灰度/黑白。最终目标是执行更复杂的图像处理。我想做的是编写一个脚本，添加一个包含以下内容的onload函数：

var images = document.getElementsByTagName("img");
for (var i = 0; i < images.length; ++i) {
    filter(images[i]);
}

我知道这类事情可以在页面加载的同一个域上完成（即内置到网站ui逻辑中），但根据我所读到的内容和我所做的一些早期实验（使用html5画布），我想知道由于跨域问题和其他问题，通过插件从客户端执行是否可行。有人能告诉我这是否是一个可行的项目吗？有没有教程或类似的项目可以作为参考？

谢谢。