Berikut ialah beberapa pilihan tajuk, semuanya dalam bentuk soalan, yang menangkap intipati artikel anda: * Bagaimana untuk Membetulkan Ralat \"Kanvas Telah Dicemari Oleh Data Silang Asal\" dengan getImageData()? *

Cara Menyelesaikan "Kanvas Telah Dicemari Oleh Data Silang Asal" Ralat dengan getImageData()

Apabila bekerja dengan

Satu sebab yang berpotensi untuk ralat ini ialah sumber imej (src) adalah daripada URL subdomain. Untuk menyelesaikan isu ini, anda boleh cuba menetapkan sifat silangAsal elemen imej kepada "Tanpa Nama":

<code class="javascript">img.crossOrigin = "Anonymous";

Walau bagaimanapun, penyelesaian ini hanya berfungsi jika pelayan jauh bertindak balas dengan pengepala CORS yang sesuai:

Access-Control-Allow-Origin: *

Sebagai alternatif, anda boleh mempertimbangkan untuk menggunakan API CanvasCaptureStream untuk mencipta aliran bingkai daripada unsur. Pendekatan ini membolehkan untuk mengakses dan memanipulasi bingkai tanpa sekatan data rentas asal:

<code class="javascript">const captureStream = canvas.captureStream();</code>

Atas ialah kandungan terperinci Berikut ialah beberapa pilihan tajuk, semuanya dalam bentuk soalan, yang menangkap intipati artikel anda: * Bagaimana untuk Membetulkan Ralat \"Kanvas Telah Dicemari Oleh Data Silang Asal\" dengan getImageData()? *. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!