Я использую html2canvas.js, и он работает на 100% нормально в chrome, тогда как в Firefox он не показывает некоторые div, которые являются стрелками внутри моего целевого div, я просто конвертирую изображение в base64 и отправляю его через ajax на сервер, где я сохраняю изображение и создать PDF. На chrome image и pdf оба соответствуют 100% с target div, в то время как когда я пытаюсь использовать mozilla, некоторые стрелки на изображении не отображаются, вот мой js код
html2canvas(div, {
canvas: canvas,
height: useWidth,
width: useHeight,
onrendered: function (canvas) {
m_intSelectedProjectID = parseInt(m_intSelectedProjectID)
var image = canvas.toDataURL("image/png");
var l_strBase64 = image.replace('data:image/png;base64,', '');
var name = 'test'
$.ajax({
type: "POST",
url: "PTServiceRoutines.aspx/AjaxSaveImageFile",
data: "{'buffer':'" + l_strBase64 + "','p_intSelectedProjectID':'" + m_intSelectedProjectID + "','p_strViewMode':'" + p_strViewMode +"'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
success: successAjaxSaveImageFile,
failure: failureAjaxSaveImageFile,
error: errorAjaxSaveImageFile
});
return false;
}
});
Я не думаю, что есть необходимость показывать код со стороны сервера, когда я связываю визуализированное изображение здесь в html, даже если здесь отсутствуют стрелки, я загружаю изображения из chrome и firefox соответственно.
