noise

https://svg-hosting.vercel.app/api/svg?url=https://scrapbox.io/api/code/suto3scratchpad/noise/n.svg

code:n.svg

<svg

width="200"

height="200"

viewBox="0 0 200 200"

<filter id="displacementFilter">

<feTurbulence

type="fractalNoise"

baseFrequency="0.8"

numOctaves="3"

result="fractalNoise" />

<feDisplacementMap

in2="fractalNoise"

in="SourceGraphic"

scale="150"

xChannelSelector="R"

yChannelSelector="G" />

</filter>

<mask id="mask">

<circle

cx="100"

cy="100"

r="100"

style="

"

/>

</mask>

<circle

cx="100"

cy="100"

r="100"

style="

"

/>

<circle

cx="100"

cy="100"

r="100"

style="

fill: none;

stroke-width: 40;

filter: url(#displacementFilter);

"

mask="url(#mask)"

/>

</svg>