html2canvas asp vbscript proxy تحميل - html2canvas asp vbscript proxy تنزيل كود المصدر

html2canvas asp vbscript proxy

فئات أخرى

1.0.0

تنزيل

html2canvas-asp-vbscript-proxy 0.0.4

Vbscript (asp classic) وكيل html2canvas

يتيح لك هذا البرنامج النصي استخدام html2canvas.js مع خوادم ومنافذ وبروتوكولات مختلفة (http وhttps)، مما يمنع حدوث "تشويه" عند تصدير <canvas> للصورة.

لغة البرمجة النصية الأخرى

أنت لا تستخدم ASP Classic، ولكنك تحتاج إلى استخدام html2canvas مع الوكيل، راجع الوكلاء الآخرين:

وكيل html2canvas في PHP
وكيل html2canvas في asp.net (csharp)
وكيل html2canvas في بيثون (يعمل في أي إطار عمل)

المشكلة والحل

عند إضافة صورة تنتمي إلى مجال آخر في <canvas> وبعد ذلك محاولة تصدير اللوحة القماشية لصورة جديدة، يحدث خطأ أمني (يحدث في الواقع قفل أمان)، والذي يمكن أن يؤدي إلى إرجاع الخطأ:

خطأ أمني: استثناء DOM 18
خطأ: جرت محاولة لاختراق سياسة الأمان الخاصة بوكيل المستخدم.

يتبع

أطلب منك متابعتي أو "تمييز" مستودعي لتتبع التحديثات

الاستخدام

 <!DOCTYPE html >
< html >
    < head >
        < meta charset =" utf-8 " >
        < title > html2canvas asp (vbscript) proxy </ title >
        < script src =" html2canvas.js " > </ script >
        < script >
        //<![CDATA[
        ( function ( ) {
            window . onload = function ( ) {
                html2canvas ( document . body , {
                    "logging" : true , //Enable log (use Web Console for get Errors and Warings)
                    "proxy" : "html2canvasproxy.asp" ,
                    "onrendered" : function ( canvas ) {
                        var img = new Image ( ) ;
                        img . onload = function ( ) {
                            document . body . appendChild ( img ) ;
                        } ;
                        img . error = function ( ) {
                            if ( window . console . log ) {
                                window . console . log ( "Not loaded image from canvas.toDataURL" ) ;
                            } else {
                                alert ( "Not loaded image from canvas.toDataURL" ) ;
                            }
                        } ;
                        img . src = canvas . toDataURL ( "image/png" ) ;
                    }
                } ) ;
            } ;
        } ) ( ) ;
        //]]>
        </ script >
    </ head >
    < body >
        < p >
            < img alt =" google maps static " src =" http://maps.googleapis.com/maps/api/staticmap?center=40.714728,-73.998672&amp;zoom=12&amp;size=800x600&amp;maptype=roadmap&amp;sensor=false " >
        </ p >
        < p >
            < img alt =" facebook image redirect " src =" https://graph.facebook.com/1415773021975267/picture " >
        </ p >
    </ body >
</ html >

استخدام وحدة تحكم الويب

إذا كانت لديك أي مشاكل مع البرنامج النصي، فننصحك بتحليل السجل باستخدام وحدة تحكم الويب من متصفحك:

فايرفوكس: https://developer.mozilla.org/en-US/docs/Tools/Browser_Console
كروم: https://developers.google.com/chrome-developer-tools/docs/console
إنترنت إكسبلورر: http://msdn.microsoft.com/en-us/library/gg589530%28v=vs.85%29.aspx

الحصول على نتائج الشبكة:

فايرفوكس: https://hacks.mozilla.org/2013/05/firefox-developer-tool-features-for-firefox-23/
كروم: https://developers.google.com/chrome-developer-tools/docs/network
إنترنت إكسبلورر: http://msdn.microsoft.com/en-us/library/gg130952%28v=vs.85%29.aspx

البديل هو تشخيص مشاكل الوصول إلى الرابط مباشرة:

http://[DOMAIN]/[PATH]/html2canvasproxy.php?url=http%3A%2F%2Fmaps.googleapis.com%2Fmaps%2Fapi%2Fstaticmap%3Fcenter%3D40.714728%2C-73.998672%26zoom%3D12%26size%3D800x600%26maptype%3Droadmap%26sensor%3Dfalse%261&callback=html2canvas_0

استبدل [DOMAIN] بالمجال الخاص بك (على سبيل المثال 127.0.0.1) واستبدل [PATH] بمجلد المشروع الخاص بك (على سبيل المثال، project-1/test)، شيء من هذا القبيل:

http://localhost/project-1/test/html2canvasproxy.php?url=http%3A%2F%2Fmaps.googleapis.com%2Fmaps%2Fapi%2Fstaticmap%3Fcenter%3D40.714728%2C-73.998672%26zoom%3D12%26size%3D800x600%26maptype%3Droadmap%26sensor%3Dfalse%261&callback=html2canvas_0

يوسع

معلومات إضافية