2013-07-22 28 views
5

Tôi có một vấn đề khi màn hình chụp với html2canvas của html2canvas.hertzen.com, khi tôi chụp Bản đồ các bản đồ google trong trang của tôi, tôi không thể nhìn thấy bản đồKhông thể chụp bản đồ google với html2canvas

Bản đồ của tôi

chụp My

mã của tôi

html2canvas(document.body, { 
    onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
    } 
}); 

Có ai có mẹo không? Cảm ơn

Trả lời

4

Các công trình sau đây đối với tôi dành cho Chrome và Firefox:

html2canvas(document.body, { 
     proxy: "server.js", 
     useCORS: true, 
     onrendered: function(canvas) { 
     document.body.appendChild(canvas); 
     } 
    }); 

nơi server.js là https://github.com/niklasvh/html2canvas-proxy-nodejs Có proxy khác có sẵn cho PHP và Python mà tôi đã không cố gắng nêu ra. Tôi không thể đăng cả hai nhưng nếu bạn google "html2canvas proxy" bạn sẽ có thể tìm thấy những người khác nếu bạn cần chúng.

+0

Tôi sử dụng html2canvas (từ html2canvas.hertzen.com) để chụp ảnh màn hình. Tôi nhận được lỗi này như thế này: Mã của trang web của tôi được đặt trên một máy chủ, nói Host A. Nếu trang web của tôi chứa một hình ảnh trên một máy chủ khác, nói Host B, sau đó tôi nhấn lỗi này: Chính sách chia sẻ nguồn gốc chéo Tuy nhiên, phần khó hiểu là nếu Host B là facebook (hình ảnh của tôi là liên kết trực tiếp tới facebook https://fbcdn-profile-a.akamaihd.net/hprofile-ak-ash4/372701_100000684388457_1551561655_q .jpg) sau đó lỗi biến mất. – HoangHieu

+0

chức năng My html2canvas ([document.body], { useCORS: đúng, logging: đúng, onrendered: function (canvas) { document.body.appendChild (canvas); var myImage = canvas.toDataURL ("image/png"); window.open (myImage); } Bất kỳ ai cũng có mẹo? Tks – HoangHieu

+0

Xem vấn đề này trên trang vấn đề html2canvas github, nó sẽ giúp bạn: https://github.com/ niklasvh/html2canvas/issue/248 – mbailey

Các vấn đề liên quan