<!DOCTYPE html> <html> <head> <script> function boom() { var ctx = document.querySelector("canvas").getContext('2d'); ctx.rotate(108); ctx.shadowBlur = 220.75; ctx.shadowColor = "#777777"; ctx.bezierCurveTo(450, 24.857142857142858, 191, 75.71428571428571, -1125899906842623, 0); ctx.transform(843, 152.66666666666666, 42.7, 65.33333333333333, 86.66666666666667, 30.714285714285715); ctx.transform(204, 112.5, 159, 96.75, 239.33333333333334, 0); ctx.bezierCurveTo(42.4, 96.44444444444444, 480.5, 185.5, 44.666666666666664, 90.14285714285714); ctx.isPointInPath(71.5, 81); ctx.fill(); } </script> </head> <body onload="boom();"><canvas width="100" height="100"></canvas></body> </html>