Chào các bạn, mình có 1 vấn đề lớn sau:

Trên file a.html

Mã:

<a id="print-button" class="btn btn-info" href="javascript: void(0);">LƯU ẢNH</a>

<script type="text/javascript">

...

$('#print-button').click(function(){

fpd.saveImage();

return false;

});

...

</script

Trên file b.js (mình có gọi ra trong thẻ a.html)

Mã:

this.saveImage = function() {

_deselectElement();

$productContainer.css('overflow', 'visible').parent().css('overflow', 'visible');

//render html to canvas

$productsDom.html2canvas({

onrendered: function (canvas) {

$productContainer.css('overflow', 'hidden').parent().css('overflow', 'hidden');

var popupHeight = $productContainer.height()*currentViews.length;

var popup = window.open('','','width='+$productContainer.width()+',height='+popupHeight+',location=no,menubar=no,scrollbars=yes,status=no,toolbar=no');

popup.document.title = "Save Image";

$(popup.document.body).append('<img src="'+canvas.toDataURL("image/png")+'" />');

}

});

};

Hiện tại mình đang xây dựng 1 ứng dụng chỉnh sửa ảnh như photoshop online (mình cóp nhặt code từ nhiều nguồn vì mình tự học code, chứ ko viết)

Sau khi chỉnh sửa ảnh xong

Khi ấn LƯU ẢNH thì nó lại toàn ra 1 popup mà ko có link hay url để down về gì cả.

H mình muốn sửa code trên như thế nào để khi ấn LƯU ẢNH thì nó down về ổ cứng (C, D, E gì đó)

Xin chân thành cảm ơn và hậu tạ mọi người.