我基本上有一个世界地图的图像,我想将一个大头针图像放在这个世界地图图像顶部的指定像素坐标上。
这是一个网站,所以理想的解决方案应该是PHP或Javascript (我尽量避免使用Java和Flash,因为我希望它尽可能简单)。
我看过processing.js库,但它对于执行这个简单的任务来说太大和臃肿了。有没有一个预先存在的Javascript函数可以让我这样做?或者是我可以使用的更简单的javascript库?(processing.js对我来说有点太高级了,我不能让它工作,哈哈)
就PHP解决方案而言,我更喜欢将此任务的负载从服务器转移到客户端,但如果合适的话,我仍然希望听到用PHP完成此任务的方法。
谢谢!
发布于 2010-06-17 08:02:59
最简单的方法是将引脚图像放在地图图像上,并将它们设置在css中,如下所示:
<div style="position:relative">
<img src="map.png" style="position:absolute; top:0px; left:0px; z-index:0"/>
<img src="pin.png" style="position:absolute; top:50px; left:30px; z-index:1"/>
</div>
发布于 2010-06-17 07:53:24
我建议使用GD Library扩展。由此,您可以操作图像并生成新的输出。然后,您可以将其缓存到某个位置并重定向用户,或者通过调整输出标头并将二进制数据写到标准输出()来为镜像提供服务。
header("Content-Type: image/jpeg");
发布于 2010-06-17 07:56:30
如前所述,GD对此很有帮助。
但是,GD库的替代方案是Imagemagick。这个gentle introduction非常有用。
ImageMagick®是用于创建、编辑和合成位图图像的软件套件。它可以读取,转换和写入各种格式(超过100)的图像,包括DPX,EXR,GIF,JPEG,JPEG-2000,PDF,PhotoCD,PNG,Postscript,SVG和TIFF。使用ImageMagick平移、翻转、镜像、旋转、缩放、剪切和变换图像,调整图像颜色,应用各种特殊效果,或绘制文本、直线、多边形、椭圆和贝塞尔曲线。
https://stackoverflow.com/questions/3057993
复制相似问题