stroke-dasharray='length gap' stroke-width='3' 
function myfunc() {
results = [];
return fetch(URL)
.then((response) => response.json())
.then((hitsJSON) => {
return hitsJSON.hits.map(item => {
return {
id: item.id,
url: item.previewURL,
tags: item.tags
};
}));
});
}
// и использование
myfunc()
.then((results) => {
// do something
})
xmlns:svg="http://www.w3.org/2000/svg"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
version="1.1"
viewBox=""<svg>
<defs>
<mask id="mask">
<path fill="white" d="..." />
</mask>
</defs>
<image mask="url(#mask)" xlink:href="изображение" />
</svg>
<svg xmlns="http://www.w3.org/2000/svg" viewPort="0 0 500 500" width="100%" height="100%">
<defs>
<filter id="f1" x="-50%" y="-50%" height="200%" width="200%">
<feOffset result="offOut" in="SourceAlpha" dx="0" dy="0" />
<feGaussianBlur result="blurOut" in="offOut" stdDeviation="10" />
<feBlend in="SourceGraphic" in2="blurOut" mode="normal" />
</filter>
</defs>
<g filter="url(#f1)">
<rect width="200" height="200" x="50%" y="50%" fill="#eee" style="transform:translate(-50px, -50px);"/>
<circle r="100" cx="50%" cy="50%" fill="#eee" style="transform:translate(-50px, -50px);"/>
</g>
</svg>
.div2 {
background: url("../images/img1.jpg") left 10px / 200px 50px no-repeat;
}