Question

我想做的是：

创建.html或.php页面
编写HTML代码并创建一个看起来像身份证的元素。在样式标记中的同一文件中编写 CSS 。
在脚本标记中编写一些JS来改变HTML代码的某些属性。
使用 html2canvas 库在照片中转换该身份证，并使用适当的JS功能将图像存储（通过将画布转换为图像）。
在一个单独的主文件中，调用ajax函数来执行上面创建的.html或.php页面。

有可能吗？我想这样做，以便用户看不到这个过程。他们只能看到我存储在数据库中的图像，我稍后会提取。

注意：我可以在同一页面上执行此过程而不会出现任何问题。但是我想在一个单独的页面中使用ajax。

Answer 1

基本上，你想用图片编辑意味着“将照片添加到身份证”，我是对的吗？如果是这样 - 为此，请使用此代码 -

<?php
$dest = imagecreatefrompng('pic.png');
$src = imagecreatefromjpeg('card.jpg');
imagealphablending($dest, false);
imagesavealpha($dest, true);
imagecopymerge($dest, $src, 10, 9, 0, 0, 181, 180, 100); //adjust dimensions    
according to you
header('Content-Type: image/png');
imagepng($dest);
imagedestroy($dest);
imagedestroy($src);
?>

将文件保存到系统中，然后将该文件提取到您要显示的另一个页面。

Answer 2

您可以将其作为图像保存到数据库中，但要将图像保存到数据库，您必须将其转换为二进制格式。

尝试使用以下代码：

$(document).ready(function() {
  var mydiv = document.getElementById("myCanvas");
    html2canvas($(mydiv), {
      onrendered: function(canvas) {
        var binaryData = canvas.toDataURL("image/png",1.0);//this will give binary format of image
      }
    })
  })

获得二进制映像后，可以将变量binaryData发布到数据库，然后访问它。

是否可以执行HTML页面并将输出存储到数据库？

2 个答案: