首页 > 解决方案 > 为 Elementor Lottie 小部件设置 SVG 属性

问题描述

我在 Wordpress Elementor 工作,想制作一个全屏 Lottie 动画。在在线阅读了有关如何制作全屏响应式 Lottie 的许多其他类似问题后,似乎将 Lottie 的高度和宽度设置为 100vh 和 100vw 并设置“preserveAspectRatio = xMidYMid slice”属性解决了这个问题。我在 chrome 检查器中对此进行了测试,它实现了我想要的。

我正在使用 Elementor Pro 的 Lottie 小部件,该小部件默认具有“preserveAspectRatio = xMidYMid meet”的 SVG 属性。Elementor 可以选择设置自定义属性,但显然,它只能应用于包装元素。我需要为这个 Lottie 包装器中的 SVG 子项设置一个“preserveAspectRatio|xMidYMid slice”属性。

请查看屏幕截图,让我知道是否有人可以想办法仍然使用此小部件并获得全屏结果。

截屏 截屏

谢谢,

标签: wordpresssvgresponsiveelementorlottie

解决方案


推荐阅读