Vue.js 使用SVG文件通过Vuetify创建视差效果_Vue.js_Svg_Parallax_Vuetify.js

Vue.js 使用SVG文件通过Vuetify创建视差效果

vue.js svg

Vue.js 使用SVG文件通过Vuetify创建视差效果,vue.js,svg,parallax,vuetify.js,Vue.js,Svg,Parallax,Vuetify.js,vuetify提供v-parallax组件以创建典型的parallax效果，该效果可创建3d效果，使图像的滚动速度看起来比窗口慢： <template> <v-parallax src="https://cdn.vuetifyjs.com/images/parallax/material.jpg"></v-parallax> </template> 不幸的是，它不适用于svg文件有人知道是否有一种简单的方法可以使用vuetify或vue

vuetify

提供

v-parallax

组件以创建典型的

parallax

效果，该效果可创建3d效果，使图像的滚动速度看起来比窗口慢：

<template>
  <v-parallax src="https://cdn.vuetifyjs.com/images/parallax/material.jpg"></v-parallax>
</template>

不幸的是，它不适用于

svg

文件

有人知道是否有一种简单的方法可以使用

vuetify

或

vue

创建

视差效果，但使用svg
文件？
如果您传递svg数据base64编码，则可以使用它
数据：image/svg+xml；base64，[data]
其中，[data]
将是通过将数据传递到编码器（如
例如：
谢谢，这是一个好主意，但我需要xml标记通过例如anime.js来转换图像