2013-08-25 23 views
0

我有一个图像,并希望将它设置为固定点,点击,出现一种模式。如何用jQuery,html5画布做到这一点?我不想使用闪光灯。jquery图像中的得分积分

我想要做的是类似于谷歌地图,但图像是固定的,也点,这些点将在图像中可见,当你点击这些点,我会打开一个模式。担心的是,当用户改变浏览器或重新调整浏览器大小时,这些点就会出现。这个想法是,无论大小如何,这些点都适合屏幕。

有人可以给我至少一个北做到这一点。

注意:没有尝试任何与Flash总是工作,现在我来到html5,css3,jquery.Apenas不知道从哪里开始解决这个问题。

+0

尝试记录相对于图像大小的点击坐标,以确保图像始终具有相同的固定像素大小。 –

+0

你提到Flash。如果您熟悉Flash,则可以使用Flash创建swf,然后使用名为Zoe的转换程序从swf创建spritesheet。然后有一个名为EaselJS的画布库,可以在该Spritesheet上显示图像。查看佐伊这里:http://www.fabiobiondi.com/blog/2012/08/createjs-zoe-create-spritesheets-in-adobe-flash-for-easeljs/ – markE

回答

0

我建议你看一下像paperjs或kineticjs这样的框架。这些框架扩展了html5 canvas的功能,让您的生活变得更轻松。这两个框架都有很好的文档记录并有一些很好的例子。