Se rechaza la carga de imágenes de origen cruzado desde el sitio con habilitación cruzada

Question

Dec 24, 2013, 10:02 AM

javascript cors html5-canvas dropbox image

Se rechaza la carga de imágenes de origen cruzado desde el sitio con habilitación cruzada

Estoy intentando usar la imagen habilitada para CORS que se encuentra en el sitio habilitado para cors: dropbox.com.
Tengo un error:carga de imagen de origen cruzado denegada por la política de CORS.

¿Como arreglarlo?

<html>
    <body>
        <img id="output" src="#"/>

        <script>
            var img = new Image();
            img.crossOrigin = "anonymous";

            var canvas = document.createElement("canvas");

            img.onload = function () {
                canvas.width = img.width;
                canvas.height = img.width;
                var ctx = canvas.getContext("2d");
                ctx.drawImage(img, 0, 0);
            }

            img.src = "https://www.dropbox.com/s/54an0126onoxezj/stone1.png";

            var output = document.getElementById("output");
            output.src = canvas.toDataURL("image/png");

        </script>
    </body>