Canvas 画布路径2D内部阴影

我创建svg，我想把svg转换成画布。 我做了以下工作：

var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
var p = new Path2D("M10 10 h 80 v 80 h -80 Z");
ctx.fillStyle = '#cb1a2f';
ctx.shadowColor = "rgba(0, 0, 0, 0.5)";
ctx.shadowBlur = 24;
ctx.fill(p);

---

但是我想把阴影画在正方形里面。我有一个完全不同的图形SVG。此SVG纯粹是一个示例。

阴影位于画布API中形状的内部和外部：

var canvas=document.querySelector（“canvas”）；
var ctx=canvas.getContext（“2d”）；
ctx.strokeStyle=‘白色’；
ctx.shadowColor=“黑色”；
ctx.shadowBlur=10；
ctx.strokeRect（20,20,50,50）
@kaido它只移动一个阴影，我需要把它放在形状里面