我可以使用<canvas>函数吗?</canvas>在“gif”图像上绘制线条

时间:2011-02-02 21:37:43

标签: html5 canvas

我在上传的“map.gif”图片上绘制线条时遇到了困难。

基本上我上传了一个小的轮廓图并使用“区域”功能来创建定义的区域(城市,道路等)。当我点击一个城市时,snall弹出窗口显示“嘿,你只需点击达拉斯”(或任何地方)。一切正常。

我的问题是我的地图实际上只是一个空白的轮廓,上面没有实际的城市或道路。

因此,我尝试使用“画布”功能绘制城市(圆圈)和道路(线条)。

唯一的问题是它们出现在地图下方而不是它上面。

关于如何让线条出现在地图上的任何想法?

非常感谢,

皮特

2 个答案:

答案 0 :(得分:1)

您可能只需要尝试使用图像和画布的CSS z-index值。 确保将画布设置为透明。

另一种可能性是用画布替换图像(或者只是在画布中加载图像开始)。 有关如何使用画布使用图像的一些提示,请查看here

答案 1 :(得分:0)

我会直接在画布内存中加载gif,然后在画布本身内完成其余所有操作。

gif没有动画,对吧?

关于加载的一些参考:https://developer.mozilla.org/en/Canvas_tutorial/Using_images