如何使用 php 和 javascript 根据坐标显示图像？答案

【问题标题】：How can I show image based on coordinates using php and javascript?如何使用 php 和 javascript 根据坐标显示图像？
【发布时间】：2015-10-28 08:02:50
【问题描述】：

我需要使用 PHP 获取一些带有坐标的图像，然后将它们显示在由它们的坐标定位的 div / canvas 中。

我该怎么做？

【问题讨论】：

“坐标”是什么意思？
我的意思是 x 轴和 y 轴。
我不确定您将如何使用 x 和 y 轴。能详细解释一下吗？
我在数据库中有图像 url 和位置，类似于 101,201。位置是 x-axis 和 y-axis 。现在我有一个画布或 div。我需要获取这些图像并根据它们的偏移量在画布内显示它们。

标签： javascript php canvas coordinates

【解决方案1】：

喜欢吗？

.image{
    width:200px;
    height:200px;
    position: relative;
    overflow:hidden;
}
.image img{
    position:absolute;
}

<div class="image">
    <img src="https://upload.wikimedia.org/wikipedia/commons/6/67/Wading_moose.jpg" alt="" style="left:-50px;top:-50px;"/>
</div>

【讨论】：