SVG outline and offset of image



I need a function that will outline a bitmap and create a SVG offset path around it. White fill around the image should count the same as transparent and should be outlined as well (see attached image for more details).

function should look like this:

function(svg, offset, smoothing) { return offset_path; }

svg: Input SVG code

offset: offset distance in px from outer border of SVG

smoothing: some kind of variable that will define how much the script should smoothen out the offset path (simplify and remove points, we cant have a offset with too many points in the path)

offset_path: the returned offset path svg code

Prefered is that we do this in JavaScript but I'm open for all suggestions on how to solve this.

Skills: HTML5, Javascript

See more: svg offset, svg outline script, svg offset image, svg offset path, create svg outline image, offset path javascript, remove offset around svg, svg image offset, svg image outline, javascript svg offset, return path, offset path svg javascript, svg offset javascript, svg path outline javascript, svg path offset, svg outline, svg javascript html, outline, image remove, fill image, input distance html, html bitmap, variable html, image open, javascript outline

Project ID: #1076620

Awarded to:


Hi, I'm BeautyOfCode. Thank you for inviting me. Please check PM.

$1000 USD in 7 days
(14 Reviews)

4 freelancers are bidding on average $859 for this job


Ready to start in any moment.

$750 USD in 10 days
(1 Review)

Let's do it!

$834 USD in 7 days
(0 Reviews)

please check pmb for our work and lets start your work ,Thanks

$850 USD in 15 days
(0 Reviews)