Chuyển đoạn trích đoạn trích thành hình ảnh

Question

Tôi cần xuất một trang chứa bản đồ tờ rơi thành pdf. Tôi đã cố chuyển đổi vùng chứa bản đồ thành hình ảnh nhưng không hoạt động hoàn hảo. Code tôi sử dụng ở đây http://jsfiddle.net/Sq7hg/2/

html2canvas([document.getElementById('mydiv')], { 
onrendered: function (canvas) { 
    document.getElementById('canvas').appendChild(canvas); 
    var data = canvas.toDataURL('image/png'); 
    console.log(data) 
    // AJAX call to send `data` to a PHP file that creates an image from the dataURI string and saves it to a directory on the server 

    var image = new Image(); 
    image.src = data; 
    document.getElementById('image').appendChild(image); 
} 

});

Mã này không hoạt động hoàn hảo cho bản đồ tờ rơi. Làm cách nào tôi có thể triển khai tính năng này?

Answer 1

Tôi nghĩ bạn nên sử dụng plugin leaflet-image, thực hiện chính xác điều đó. Có một bản demo được liên kết từ tiêu đề. Việc bắt chính là buộc Leaflet sử dụng canvas để dựng hình.

Answer 2

Tôi gặp sự cố khi xuất bản đồ tờ rơi có các điểm đánh dấu đặc biệt, tôi đã cố sử dụng plugin leaflet-image nhưng chỉ hoạt động với các điểm đánh dấu chuẩn.

Cuối cùng, tôi đã tạo bản đồ trong máy chủ (Nút).

Tôi đã viết một bài, Làm thế nào để xuất bản đồ tờ rơi để pdf, xem link bên dưới

Export leaflet map to pdf report