Page d'accueil>Code source ASP>Autres catégories
Télécharger

html2canvas-asp-vbscript-proxy 0.0.4

Vbscript (asp classique) Proxy html2canvas

Ce script vous permet d'utiliser html2canvas.js avec différents serveurs, ports et protocoles (http, https), évitant ainsi que cela se produise "entaché" lors de l'exportation du <canvas> pour l'image.

Autres langages de script

Vous n'utilisez pas ASP Classic, mais vous avez besoin de html2canvas pour fonctionner avec un proxy, voir d'autres proxys :

  • proxy html2canvas en php
  • proxy html2canvas dans asp.net (csharp)
  • proxy html2canvas en python (fonctionne avec n'importe quel framework)

Problème et solution

Lorsque vous ajoutez une image qui appartient à un autre domaine dans <canvas> et que vous essayez ensuite d'exporter le canevas pour une nouvelle image, une erreur de sécurité se produit (il s'agit en réalité d'un verrou de sécurité), qui peut renvoyer l'erreur :

Erreur de sécurité : exception DOM 18

Erreur : une tentative a été effectuée pour contourner la politique de sécurité de l'agent utilisateur.

Suivre

Je vous demande de me suivre ou de « mettre en vedette » mon référentiel pour suivre les mises à jour

Usage 

 <!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 >

Utilisation de la console Web

Si vous rencontrez des problèmes avec le script, nous vous recommandons d'analyser le journal à l'aide de la console Web depuis votre navigateur :

  • Firefox : https://developer.mozilla.org/en-US/docs/Tools/Browser_Console
  • Chrome : https://developers.google.com/chrome-developer-tools/docs/console
  • InternetExplorer : http://msdn.microsoft.com/en-us/library/gg589530%28v=vs.85%29.aspx

Obtenez les résultats NetWork :

  • Firefox : https://hacks.mozilla.org/2013/05/firefox-developer-tool-features-for-firefox-23/
  • Chrome : https://developers.google.com/chrome-developer-tools/docs/network
  • InternetExplorer : http://msdn.microsoft.com/en-us/library/gg130952%28v=vs.85%29.aspx

Une alternative consiste à diagnostiquer directement les problèmes d’accès au lien :

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

Remplacez [DOMAIN] par votre domaine (par exemple 127.0.0.1) et remplacez [PATH] par votre dossier de projet (par exemple project-1/test), quelque chose comme :

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

Développer
Informations supplémentaires
Applications connexes
Recommandé pour vous
Actualités connexes Tout