imagepipeを利用して、javascriptの開発のみでページ内の画像にロゴを追加するデモ
ページ内のimgタグを探して、そのsrc属性に入っている画像をログの入った画像に置換しています
画像合成(rubthrough)のwebサービスを使ったimagepipeを叩いています
urlはこんな。 http://pipes.yahoo.com/pipes/pipe.run?_id=dEWxPFBr3BGpKJ3k8ivLAg&_render=json&_callback=callback&x=10&y=10&
この後ろに元になる画像を urls= の後にカンマ区切りでencodeURIComponentしてつなげ、さらに合成したい画像を over= の後にencodeURIComponentしてつなげます。
YahooPipesのurlはクロスドメインになるので、scriptタグを使ってクロスドメインAJAXします
YahooPipesのurlに、_callback=callback を入れると、callback関数が呼ばれ、返ってきたJSONからロゴ入り画像のurlを抜き出してimgタグのsrcに設定しています
