Konvertieren in png <image> oder Base64 aus does'nt Leinwand Arbeit

Question

Eigentlich, wie ich bin mit Gitter div-Elemente mit der Anzahl der HTML-Tags <div>, <p>, <img> und deren Umwandlung base64 auf der Leinwand dann für von PHP auf dem Server zu speichern.

kann mir jemand helfen, dieses Problem loszuwerden. here ist mein Code https://jsfiddle.net/manish1706/ujx6rh5j/3/

Ich kann keine Bilder hat, die in <img /> Tag ist.

Answer 1

Von here:

Alle Bilder, die das Skript befinden müssen verwendet unter der same origin

So, da Ihr Bild Quer Herkunft ist, Html2Canvas können nicht darauf zugreifen.

---

Here schreibt über proxy Verwendung dafür.

Answer 2

erster Dank @Justinas für Punkt heraus Ausgabe Quer Herkunft, verwendete I

html2canvas($(".frameGrid"), 
     { 
      useCORS: true, 
      "proxy":"http://xxxxxx.com/xxxx/timthumb.php", // optional (and if you are not writing this so have to all origin by server side) 
      onrendered: function(canvas) { 
      var img = canvas.toDataURL("image/png"); 
      $('#img-out').append('<img src="'+img+'"/>'); 
     } 
    }); 

und für i zukünftige Nutzung verwendet

header('Access-Control-Max-Age:' . 5 * 60 * 1000); 
header("Access-Control-Allow-Origin: *"); 
header('Access-Control-Request-Method: *'); 
header('Access-Control-Allow-Methods: OPTIONS, GET'); 
header('Access-Control-Allow-Headers: *'); 
header("Content-Type: application/javascript"); 

in meinem Kreuz Server-Seite PHP-Datei.