const path = "M118 211c-5.88,0.89 -13.66,2 -20,2 -24.3,0 -44,-19.7 -44,-44 0,-24.3 19.7,-44 44,-44 6.92,0 11.95,1.33 18,2 9,1 29,-21 30,-29 0.4,-3.21 0.21,-5.2 -0.01,-5.82 -2.92,-8.14 -6.76,-19.68 -6.76,-28.34 0,-27.61 22.38,-50 50,-50 27.61,0 50,22.39 50,50 0,27.62 -22.39,50 -50,50 -10.27,0 -17.23,-2.84 -25.23,-3.84 -13.24,-1.66 -34,25 -31,32 2.8,6.54 9,16.92 9,27 0,9.96 -4.17,17.36 -8.61,25.12 -7.39,12.88 19.85,34.98 27.41,31.96 3.45,-1.37 7.25,-2.08 11.2,-2.08 17.12,0 31,13.88 31,31 0,17.12 -13.88,31 -31,31 -17.12,0 -31,-13.88 -31,-31 0,-4.74 1.73,-9.5 2.49,-14.02 0.84,-4.92 -10.48,-32.26 -25.49,-29.98z";
const W = 600;
const H = 200;
const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
canvas.width = W;
canvas.height = H;
ctx.save();
ctx.scale(0.5,0.5);
ctx.translate(20,40);
ctx.fillStyle = '#f48c38';
ctx.fill(new Path2D(path));
ctx.restore();
const hidden = document.createElement('canvas');
hidden.width = W;
hidden.height = H;
const hctx = hidden.getContext('2d');
hctx.save();
hctx.fillStyle = '#fff6f0';
hctx.fillRect(0,0,W,H);
hctx.filter = 'blur(3px)';
hctx.drawImage(canvas, 0, 0);
hctx.restore();
hctx.scale(0.6,0.6);
hctx.translate(-40, -10);
hctx.globalCompositeOperation = 'destination-in';
hctx.fill(new Path2D(path));
ctx.drawImage(hidden,0,0);
<canvas id="canvas"></canvas>
backdrop-filter: blur(...)
, только на фигуру