Databases
StackOverflow2013
Postsdbo
POHTML5 Best way to define coordinates for parts of an image, that when someone clicks on that we can find which part clicked
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POHTML5 Best way to define coordinates for parts of an image, that when someone clicks on that we can find which part clicked
    primarykey
    data
    text
    <p>I am new to HTML5 and i have working on converting simple flash game to HTML5. What i have to do is, i am having an image of a character, so i have define the parts of the image in such a way that when user clicks on the head it should say you have clicked on head, and if some one click e.g on hand it should say you have clicked on hand or it is clicked in the face of the character.</p> <p>I have done googling and find we can define different shapes and i have drawn and got successfull<img src="https://i.stack.imgur.com/Ma3cN.png" alt="Image i have used"></p> <p>So i just want to know that in my image what should i have to do, i have to use images for different parts or i have to draw character using HTML5 <strong>bezierCurveTo</strong> function.</p> <p>Please tell me the best way and how can i do that. </p> <p>Thanks</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USDinesh
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POHTML5 Best way to define coordinates for parts of an image, that when someone clicks on that we can find which part clicked
      1. This table or related slice is empty.
      1. VTUpMod
    1. COYou can use SVG for this and use a JS library like Raphael or D3
      singulars
      1. POHTML5 Best way to define coordinates for parts of an image, that when someone clicks on that we can find which part clicked
      1. USMarsOne
    2. COHere is an example. http://dl.dropboxusercontent.com/u/5728198/WorldMap/world.htm and here is the source http://www.codeproject.com/Articles/262179/SVG-World-Map
      singulars
      1. POHTML5 Best way to define coordinates for parts of an image, that when someone clicks on that we can find which part clicked
      1. USMarsOne
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload