如何将图像屏蔽到图层？

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图层对其进行遮罩。