How do I add a watermark to an image client-side with JavaScript?
<p>Is it possible to add a watermark ( text or image ) to an animated gif , clientside using jquery.</p>

<p>In this instance all processing is client side.</p>

<p>I cant get it to work on jsfiddle. But its very simple, the watermark is added to the main image.</p>

<p>The issue I have is I need this to work on animated gifs. So the watermark displays bottom right hand corner.</p>

<p>The master js code is: <a href="http://www.patrick-wied.at/static/watermarkjs/jq/" rel="nofollow">http://www.patrick-wied.at/static/watermarkjs/jq/</a></p>

<p>The script on page:</p>

<pre><code>var config = {
    "path": "watermark.png"
};
$(document).ready(function() {
    $(document).watermark(config);
});
</code></pre>

<p>My only issue is, normally we could process this using imagemagik gd , and php etc.. but this must work clientside. So any suggestions please.</p>
