How to draw a dashed line rectangle in canvas?

Question

I'm tasked to do cropping in canvas and i'm finished with all the logic but one requirement is yet to be finished i.e to draw a dashed rectangle while selecting cropping area like:

strokeRect(x, y, width, height)

How can I draw a dashed rectangle?

Answer 1

This has been added to the canvas spec, not all browsers have implemented it yet, but here it is.

context.setLineDash([6]);
context.strokeRect(0, 0, 50, 50);