Javascript 如何打印多个订单的装运标签
加载html页面时将html内容转换为图像格式，但从控制器调用时无法将html内容转换为图像。（对于转换，我们使用HTML2CANVAS） 这适用于Linux服务器、PHP7.2和Codeigniter 3.1.5 我们已经找到了使用以下函数加载html页面的解决方案： 在Javascript中Javascript 如何打印多个订单的装运标签,javascript,php,ajax,codeigniter,Javascript,Php,Ajax,Codeigniter,加载html页面时将html内容转换为图像格式，但从控制器调用时无法将html内容转换为图像。（对于转换，我们使用HTML2CANVAS） 这适用于Linux服务器、PHP7.2和Codeigniter 3.1.5 我们已经找到了使用以下函数加载html页面的解决方案： 在Javascript中 $.each(data, function(key,value) { //for select multiple datas var html = escape(value.desi
$.each(data, function(key,value) { //for select multiple datas
var html = escape(value.design);
var orderid = value.orderid;
var label_height = value.label_height;
var label_width = value.label_width;
$(".temp_div").load("<?php echo base_url();?>orders/downloadcavas?design="+html+"&orderid="+orderid+"&label_width="+label_width+"&label_height="+label_height);
});
$。每个（数据、函数（键、值）{//用于选择多个数据
var html=escape（value.design）；
var orderid=value.orderid；
var label\u height=value.label\u height；
var label_width=value.label_width；
$（“.temp_div”）.load（“订单/下载CAVAS？设计=“+html+”&orderid=“+orderid+””&label_width=“+label_width+””&label_height=“+label_height”）；
});
function downloadcavas()
{
$data1['design'] = $design = urldecode($_GET["design"]);
$data1['orderid'] = $orderid = $_GET["orderid"];
$data1['label_width'] = $label_width = $_GET["label_width"];
$data1['label_height'] = $label_height = $_GET["label_height"];
if(isset($label_height))
{
if(isset($label_width))
{
$style = "height:".$label_height."in;width:".$label_width."in;";
}
else
{
$style = "height:".$label_height."in;";
}
}
else
{
$style = "";
}
echo '<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8" /><link rel="stylesheet" href="'.base_url().'js/jquery-ui.css"><link href="'.base_url().'js/lable_design.css" rel="stylesheet" />
<style>
.canvas-section {
background-color: #fff;
}
</style>
</head>
<body>
<div id="divCanvas" class="canvas-section divCanvas" style="'.$style.'margin-top:-70px;" >'.$design.' </div>
<script type="text/javascript" >$("#preloader").hide();
$.getScript("'.base_url().'js/html2canvas.js");
setTimeout(function(){
preview1();
},1000);
function preview1()
{
var element = $(".divCanvas");
var orderid = "'.$orderid.'";
var scaleBy = 5;
var w = 1000;
var h = 1000;
var div = document.querySelector(".divCanvas");
var canvas = document.createElement("canvas");
canvas.width = w * scaleBy;
canvas.height = h * scaleBy;
canvas.style.width = w + "px";
canvas.style.height = h + "px";
var context = canvas.getContext("2d");
context.scale(scaleBy, scaleBy);
html2canvas(div, {
useCORS: true,
canvas:canvas,
onrendered: function (canvas) {
theCanvas = canvas;
var image = theCanvas.toDataURL("image/jpg");
$.ajax({
url: "'.base_url().'template_builder/template/orderimagesave",
data:"canvas="+image+"&orderid="+orderid,
type: "POST",
cache: false,
global: false,
success: function(data){ }});
}
});
} </script>
</body>
</html>';
}
函数下载CAVAS（）
{
$data1['design']=$design=urldecode（$_GET[“design”]）；
$data1['orderid']=$orderid=$\u GET[“orderid”]；
$data1['label\u width']=$label\u width=$\u GET[“label\u width”]；
$data1['label\u height']=$label\u height=$\u GET[“label\u height”]；
如果（isset（$label_height））
{
if（isset（$label_WITH））
{
$style=“height:.$label\u height.”in；width:“.$label\u width.”in；“；
}
其他的
{
$style=“height:”.$label_height.“in；”；
}
}
其他的
{
$style=“”；
}
回声'
.canvas节{
背景色：#fff；
}
“.$design”
$（“#预加载”）.hide（）；
$.getScript（“'.base_url（）.'js/html2canvas.js”）；
setTimeout（函数（）{
预览1（）；
},1000);
函数预览1（）
{
var元素=$（“.divCanvas”）；
var orderid=“”.$orderid.”；
var-scaleBy=5；
var w=1000；
var h=1000；
var div=document.querySelector（“.divCanvas”）；
var canvas=document.createElement（“canvas”）；
canvas.width=w*scaleBy；
canvas.height=h*scaleBy；
canvas.style.width=w+“px”；
canvas.style.height=h+“px”；
var context=canvas.getContext（“2d”）；
context.scale（scaleBy，scaleBy）；
html2canvas（部门{
乌塞科尔斯：没错，
画布：画布，
onrendered:函数（画布）{
画布=画布；
var image=canvas.toDataURL（“image/jpg”）；
$.ajax({
url:“'.base_url（）.'template_builder/template/orderimagesave”，
数据：“canvas=“+image+”&orderid=“+orderid，
类型：“POST”，
cache:false，
全球：错，
成功：函数（数据）{}；
}
});
}
';
}