如何将图像蒙版到图层中？

Question

这些是我使用 FramerJS 的第一步，我想知道如何在使用动画缩放图像时将图像蒙版到不同的图层中。

谢谢。

Answer 1

layer = new Layer width: 256, height: 256
layer.style =
  "-webkit-mask-image": "url(images/framer-icon.png)"

您可以使用“-webkit-mask-image”屏蔽图像。 属性 仅在基于 Webkit 的浏览器中有效，但 framer 在基于 Webkit 的浏览器中也有效。

Answer 2

我认为最好的方法是将图像放在 Framer 层中并用父 Framer 层对其进行遮罩。