เป็นคำถามเมื่อเอาต์พุตท้องถิ่นของที่อยู่ภาพของหน้า (html2canvas.js) มีปัญหาข้ามโดเมนในแหล่งต่าง ๆ และปัญหาการอนุญาตการเข้าถึง Todataurl จะเกิดขึ้น:
【การเปลี่ยนเส้นทางที่ต้นกำเนิด 'http://sub1.xx.com' ได้รับการบล็อกจากการโหลดโดยนโยบายการแบ่งปันทรัพยากรข้ามแหล่งกำเนิด: ไม่มีส่วนหัวของการควบคุมการควบคุม-Ollow-Origin 'อยู่ในทรัพยากรที่ร้องขอ ต้นกำเนิด 'http://sub2.xx.com' จึงไม่อนุญาตให้เข้าถึง】
สารละลาย:
จากการวิเคราะห์ข้อผิดพลาด "การควบคุมการเข้าถึง-Ollow-Origin" ถูกเพิ่มเข้าไปในส่วนหัวควบคุมนั่นคืออนุญาตให้เข้าถึงไฟล์ต้นฉบับได้ จากนั้นเราจัดการกับหน้านี้ [โปรดทราบว่าคุณต้องการส่งออกภาพของหน้า]:
var img = ภาพใหม่; img.onload = myloader; img.crossorigin = 'anonymous'; // ค่าตัวเลือก: ไม่ระบุชื่อ, * img.src = 'http: //myurl.com/... ';
หรือใน HTML
<img src = "" id = "imgclcd" crossorigin = "anonymous">
แกนกลางคือส่วนหัวคำขอมีต้นกำเนิด: ฟิลด์ "ไม่ระบุชื่อ" หรือ " *" และฟิลด์การควบคุมการเข้าถึง-Olow-Origin: * จะถูกแนบไปกับส่วนหัวการตอบสนองเพื่อแก้ปัญหา
บทความข้างต้นแก้ไขปัญหาข้ามโดเมนของ Canvas.todataurl ได้อย่างรวดเร็วเป็นเนื้อหาทั้งหมดที่ฉันแบ่งปันกับคุณ ฉันหวังว่าคุณจะให้ข้อมูลอ้างอิงและฉันหวังว่าคุณจะสนับสนุน wulin.com มากขึ้น