我的网站上有一个工具，人们可以上传图片并将其拖动到标签区域的任何位置。当他们按下 Save 按钮时，会创建 PDF 文件(我正在使用这个基于 php 的 MPDF 模块)。

问题是将图片拖到标签区域边缘之外。最令人困惑的是，这个问题只适用于****边距。

这是一个例子 -
1.1)我网站上HTML 标签区域的左侧(图片被拖到左侧外)：
在此输入图像描述

1.2)创建PDF 文件的左侧(图像被拖到左侧外)：
在此输入图像描述

完美运作！

而问题的例子 -
2.1)我的网站HTML 标签区域的右侧(图像被拖到右侧外)：
在此输入图像描述

2.2)创建PDF 文件的右侧**(图像被拖到右侧外)：
在此输入图像描述

突然间它不起作用。在 PDF 生成过程中，图像会自动调整为较小，而不是仅将其拖动到右侧。

转换为 PDF 的 HTML 代码(此示例)：

<html>
    <head>
        <style>
            html {
                position: relative;
            }
            body {
                background-color: rgb(255, 255, 255);
                position: relative;
                margin: 0;
                padding: 0;
                width: 82mm;
                height: 106mm;
            }
        </style>
    </head>

    <body>
        <div style="z-index: 11; position: absolute; top: 20.1mm; left: 26.4mm;">
            <img src="labels/80/images/image1.jpg" style="width: 125.6mm; height: 62.4mm;" data-new_src="labels/80/images/image1.jpg">
        </div>
    </body>
</html>
javascript jquery html css pdf