我正在尝试使用Dompdf打印一个包含画布元素的PDF文档。
我可以轻松地包含和打印png图片,但是当尝试包含一个画布并将其转换为png时,它就无法在导出的PDF中显示(没有损坏的图像等)。
怎么办?
这是一个Codeigniter项目:
在控制器中使用Dompdf加载视图:
我可以轻松地包含和打印png图片,但是当尝试包含一个画布并将其转换为png时,它就无法在导出的PDF中显示(没有损坏的图像等)。
怎么办?
这是一个Codeigniter项目:
在控制器中使用Dompdf加载视图:
$this->load->library('pdf');
$this->pdf->load_view('print_pdf', $data);
$this->pdf->render();
$this->pdf->stream("new_pdf_file.pdf");
需要打印的视图:
<!doctype and so on..>
<canvas id="myCanvas" width="578" height="200"></canvas>
<script>
context.beginPath();
context.moveTo(170, 80);
context.bezierCurveTo(130, 100, 130, 150, 230, 150);
context.closePath();
context.lineWidth = 5;
context.fillStyle = '#8ED6FF';
context.fill();
context.strokeStyle = '#0000ff';
context.stroke();
var canvas = document.getElementById("myCanvas");
var img = canvas.toDataURL("image/png");
$(document).ready(function() {
$('<img />', {
src: img
});
img.appendTo($('#testDiv'));
});
</script>
<div id="testDiv">
</div>
<../html>