如何将html放入SVG设备原型中？

所以基本上我想做的是：

让我们以这个svg为例：

在我的next.js项目中，我想做以下几点：

• 把我自己的代码放在这个笔记本的“监视器”区域
• 也要对此负责

因此，我需要一种好的方式来显示笔记本，然后我创建自己的div，它的高度和宽度与笔记本屏幕相同，我可以在其中放入任何我想要的内容（段落、h1等）。因此，我的代码/页面似乎直接出现在笔记本电脑屏幕上

实现这一目标的最佳方法是什么？

我听说了剪辑路径，但我无法理解这一点。

或者根本没有SVG

使笔记本电脑PNG屏幕透明，并将其放置在您的内容上

#笔记本电脑{
位置：相对位置；
溢出：隐藏；
宽度：300px；
高度：200px；
}
#屏幕，#边框{
位置：绝对位置；
}
#屏风{
边缘：1米；
左边距：3em；
}
#地图{
缩放：.5；
}
#边界{
宽度：100%；
身高：100%；
z指数：999；
}
你好，世界！

Thx我试试看