كما السؤال ، عندما يكون الإخراج المحلي لعنوان الصورة للصفحة (html2canvas.js) ، هناك مشاكل في المجال في مصادر مختلفة ، وسوف تحدث مشكلة إذن الوصول إلى Todataurl:
تم حظر إعادة التوجيه في Origin 'http://sub1.xx.com' من التحميل عن طريق سياسة مشاركة الموارد عبر الأصل: لا يوجد "رأس السيطرة على السيطرة على الوصول إلى المورد المطلوب. أصل "http://sub2.xx.com" غير مسموح به.】
حل:
وفقًا لتحليل الأخطاء ، تتم إضافة "Access-Control-Origin" إلى رأس التحكم ، أي إذن للوصول إلى الملف المصدر. ثم نتعامل مع هذه الصفحة [لاحظ أنك تريد إخراج صورة الصفحة]:
var img = صورة جديدة ؛ img.onload = myLoader ؛ img.crossorigin = 'Anonymous' ؛ // القيمة الاختيارية: مجهول ، * img.src = 'http: //myurl.com/...' ؛
أو في HTML
<img src = "" id = "imgclcd" crossorigin = "Anonymous">
جوهر هو أن رأس الطلب يحتوي على الأصل: الحقل "المجهول" أو " *" ، وسيتم إرفاق حقل "مجهول" أو " *" للوصول إلى الحقل لحل المشكلة.
إن المقالة أعلاه تحل بسرعة مشكلة النطاق المتقاطع لـ Canvas.Todataurl Pictures هي كل المحتوى الذي شاركته معك. آمل أن تتمكن من إعطائك مرجعًا وآمل أن تتمكن من دعم wulin.com أكثر.