How to draw a figure on the background of a div?

Question

JavaScript

There is a div with a picture background, where there is white and black color. It is necessary to draw a figure on top of this div along the white borders. How can this be implemented?

Answer 1

Convert the image to svg and set the appropriate css for the shapes with white fill
jsfiddle.net/QW01_01/38tn072h

Answer 2

What figure? It would be nice if you could show an example background image. The width of the border has a role, if so, on which border is the rendering?
My suggestion, at this stage, is a pixel-by-pixel search for a color in the image, we form an array of white color coordinates and then draw the desired shape.