javascript - imej echart dieksport ke iframe, merentas tapak berlaku

Question

Saya ingin mengeksport imej echart yang dieksport ke dalam iframe, tetapi ralat merentas domain berlaku. Bagaimanakah cara untuk membetulkannya? Gunakan kaedah myChart.getDataURL() yang disediakan oleh echart.

Answer 1

Biasanya, gambar membenarkan akses merentas domain, dan gambar merentas domain juga boleh digunakan dalam kanvas, tetapi berbuat demikian akan mencemarkan kanvas Setelah kanvas tercemar, datanya tidak akan dibaca (), toDataURL tidak boleh dipanggil () atau kaedah getImageData()
Mekanisme keselamatan penyemak imbas ini mengelakkan risiko imej pelayan jauh yang tidak dibenarkan disalahgunakan
Oleh itu, jika anda perlu menggunakan domain silang sumber imej dalam kanvas, Sila rujuk coretan konfigurasi apache berikut

<IfModule mod_setenvif.c>
    <IfModule mod_headers.c>
        <FilesMatch "\.(cur|gif|ico|jpe?g|png|svgz?|webp)$">
            SetEnvIf Origin ":" IS_CORS
            Header set Access-Control-Allow-Origin "*" env=IS_CORS
        </FilesMatch>
    </IfModule>
</IfModule>

echart sendiri menggunakan teknologi kanvas silang domain disebabkan oleh mekanisme keselamatan kanvas.