在PHP中创建动态图像

Question

所以，这就是我试图做的事情：

我有一个目标图像，我想动态地将每个箭头的位置放在目标上。我还希望通过动态生成的工具提示（JQuery？）来引用镜头位置，这样当用户将鼠标悬停在镜头位置上时，他们就可以看到该镜头的分数是什么。

因此，在此处显示的图像中，＆＃34; target＆＃34;是一个标准图像，根据我的数据库中的数据添加数字（白色），并指出该镜头的镜头序列和大致位置。我将位置存储在两个部分：得分和时钟位置。因此，对于第二次拍摄，分数是＆＃34; 5＆＃34;时钟位置是14:30（大约！）对于第三次拍摄，得分为＆＃34; 2＆＃34;时钟位置是16:15。

我最好的方法是什么？我想我可以使用PHP GD库来获取添加到基本图像的镜头序列号，但是我不确定如何让hover / tooltip与此一起工作。

更新：任务完成：这里是半成品：

Answer 1

如果您希望JavaScript能够与之进行互动，那么最好只有<div>将目标定位为background-image，然后将更多<div>与{position:absolute放在一起1}}在正确的位置，将工具提示应用于这些。比在PHP中生成图像然后在某些区域实现工具提示要简单得多。