Jquery 使用文本剪裁平面背景

出于动态内容的目的，可以在代码中这样做吗？ 我唯一的退路是使用图像，但它不会是动态的

正如您所见，“拉里维ÈRE”这个词剪辑了白色背景以显示图像

我找到了

backgroundclip

属性，但它可以处理文本区域背景中的图像集，在这种情况下，它并不是我真正需要的

---

事先谢谢。

在我看来，最好将单词作为透明图像覆盖，并将其放置在背景图像上

这里是SVG的方法

@导入url(https://fonts.googleapis.com/css?family=Lato:700italic);
身体{
背景：url（'http://www.onpointpreparedness.net/wp-content/uploads/2015/01/45202-black-wood.jpg');
背景尺寸：封面；
字体系列：“Lato”，无衬线；
背景重复：无重复；
高度：100vh；
保证金：0；
填充：0；
}
正文{
字体大小：70px；
}
div{
位置：绝对位置；
底部：5%；
左：0；
宽度：100%；
文本对齐：居中；
}
跨度{
字号：85px；
颜色：白色；
字母间距：30px；
垂直对齐：底部对齐；
线高：0.9；
左侧填充：30px；
}

洛勒姆
拉维里埃