Php 如何捕获文本开始的坐标？

我可以使用jquery draggable，如下所示：

<script type="text/javascript">
        jQuery(document).ready(function(){
$('#dragThis').draggable(
    {
        stop:function(event,ui) {
        var teste = $("#teste").offset();
        var pos = ui.helper.offset();
        $("#posX").val(pos.left - teste.left);
        $("#posY").val(pos.top - teste.top);
        var posX = $("#posX").val();
        var posY = $("#posY").val();
        $('#X').val(posX);
        $('#Y').val(posY);


    },
        containment: "parent",
        cursor: "move",

    });
    });

    </script>

jQuery（文档）.ready（函数（）{
$（#dragThis'）。可拖动(
{
停止：功能（事件、用户界面）{
var teste=$（“#teste”）.offset（）；
var pos=ui.helper.offset（）；
$（“#posX”）.val（位置左侧-测试左侧）；
$（“#posY”）.val（pos.top-teste.top）；
var posX=$（“#posX”）.val（）；
var posY=$（“#posY”）.val（）；
$（'#X'）.val（posX）；
$（'Y'）.val（posY）；
},
遏制：“家长”，
光标：“移动”，
});
});

在表格中获得精确的坐标x和y放入跨度标记

<div id="teste" style="width:200px; height:200px">    
<span id="dragThis">
    <input type="text" name="title" style="background: transparent">
      <span id="posX"></span>
      <span id="posY"></span>
    </span>
</div>

但问题是坐标是从输入的边缘开始的。 生成GD图像时，文本的位置不正确：

如何捕获文本开始的坐标

谢谢你的帮助