Draw a box in HTML, Javascript and CSS

My application is similar to moon开发者_StackOverflow中文版pig or hallmark in the customised card style operation. In the administrative section I need the admin to be able to load in an image of a card and draw a box on this card to define the x, y, width and height of the customisation area and in doing so, storing this x, y, width and height variables. Is there a way to do this?

I believe you are looking to crop the image. If this is the case, you can have a look at the jQuery Image Cropping plugin. http://deepliquid.com/content/Jcrop.html