Odmowa obciążenia obrazu pochodzącego z różnych źródeł z serwisu z włączoną funkcją krzyżową

Question

Dec 24, 2013, 10:02 AM

dropbox html5-canvas cors image javascript

Odmowa obciążenia obrazu pochodzącego z różnych źródeł z serwisu z włączoną funkcją krzyżową

Próbuję użyć włączonego obrazu CORS, który znajduje się na stronie z włączoną opcją cors: dropbox.com.
Mam błąd:odmowa obciążenia obrazu źródłowego przez politykę CORS.

Jak to naprawić?

<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>