Dynamic border via js

We would like to create 2 borders dynamically (html js or svg) so that they can be used with any size container

circle compass border - dynamic so that it can fit any circle size and colors can be set
checkered poster border dynamic so that it can fit any poster size and colors can be set

Please see the attached images