2013-08-25 21 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的功能,讓您的生活變得更輕鬆。這兩個框架都有很好的文檔記錄並有一些很好的例子。