ืื ื™ืžืฆื™ื•ืชื—ื“ืฉ

ืคื™ืœื˜ืจ ื“ื‘ื™ืง

ืคื™ืœื˜ืจ SVG ืฉืžืžื–ื’ ืืœืžื ื˜ื™ื ืงืจื•ื‘ื™ื ืœื˜ื™ืคื” ืื—ืช. ื‘ื“ื•ื’ืžื” ืคืจื™ื˜ื™ ื”ืชืคืจื™ื˜ ื–ื•ืจืžื™ื ืžื”ื›ืคืชื•ืจ ื›ืžื• ื ื•ื–ืœ.

ื”ืชืืžื”

color

ืžื‘ื•ืกืก ืขืœ Gooey SVG Filter (MIT ืจื™ืฉื™ื•ืŸ) ยท ืชื ืื™ ืฉื™ืžื•ืฉ

ืžืืคื™ื™ื ื™ื

3 ืžืืคื™ื™ื ื™ื
ืžืืคื™ื™ืŸืกื•ื’ื‘ืจื™ืจืช ืžื—ื“ืœืชื™ืื•ืจ
idstring"gooey-filter"ืžื–ื”ื” ื”ืคื™ืœื˜ืจ. ืžื—ื™ืœื™ื ืื•ืชื• ืขื style={{ filter: 'url(#id)' }}.
strengthnumber10ืขื•ืฆืžืช ื”ื˜ืฉื˜ื•ืฉ: ื›ื›ืœ ืฉื’ื‘ื•ื”ื” ื™ื•ืชืจ, ื”ืืœืžื ื˜ื™ื ืžืชืžื–ื’ื™ื ืžื•ืงื“ื ื™ื•ืชืจ.
colorstring"#ffffff"ืžื™ืœื•ื™ ื”ื˜ื™ืคื•ืช ื”ืžืชืžื–ื’ื•ืช. ืฆื‘ืขื• ืืช ื”ืฆื•ืจื•ืช ื‘ืื•ืชื• ืฆื‘ืข.

ืชืœื•ื™ื•ืช

ืื™ืŸ ืžื” ืœื”ืชืงื™ืŸ

ืจื›ื™ื‘ื™ื ื“ื•ืžื™ื

ืœื›ืœ ื”ืจื›ื™ื‘ื™ื