¿Cómo completar el estilo interactivo SVG del diseño de la cuenta oficial de WeChat?
En cuanto al estilo SVG, muchos artículos de gran tamaño se personalizan con el estilo interactivo SVG. Para un medio de nueva creación como el nuestro, es básicamente imposible personalizar estilos SVG a precios elevados. ¿Entonces no puedes usar el estilo SVG? ¿Cómo es esto posible? ! !
Después de probar los beneficios de SVG, el editor de cuentas oficiales de WeChat también ha seguido muchos materiales de estilo SVG. A continuación, le mostraré cómo combinar el estilo SVG con imágenes para completar un artículo en la cuenta oficial de WeChat.
Como estoy usando Xiaoyi Editor, aquí tomo Xiaoyi Editor como ejemplo.
El artículo completo se compone de imágenes y algunos nodos clave están configurados para guiar a los usuarios a hacer clic e interactuar. Este método de composición utiliza principalmente estilos SVG y funciones de empalme perfecto.
¿Cómo lograr un empalme perfecto de imágenes? Hay dos métodos:
Primero, la función de limpieza de espacios;
Primero agregue algunas imágenes en el área de edición, luego haga clic en una de las imágenes y aparecerá la barra de herramientas de estilo. . Haga clic en el botón Costuras (función de eliminación de espacios) para eliminar los espacios.
Segundo estilo, sin costuras;
Haga clic en un solo estilo en la barra de navegación izquierda, busque la lupa, ingrese la palabra clave "sin costuras" para buscar el estilo y luego haga clic en Usar estilo y luego cambie la imagen en el área de edición para lograr un efecto de empalme perfecto ~ ~
Haga clic para cambiar el estilo interactivo SVG de la imagen:
1. en la barra de navegación izquierda, busque la lupa, ingrese la palabra clave "haga clic para cambiar" para buscar el estilo, luego seleccione Haga clic para usar el estilo, haga clic en el área de edición para ver la imagen cambiando;
En segundo lugar, cuando haces clic en la imagen, aparece una barra de herramientas de Estilo.
¡Haz clic en el botón "SVG" para cambiar tu imagen!
En tercer lugar, puedes agregar o eliminar imágenes en esta página, o arrastrarlas para cambiar sus posiciones;
¡Espero que mi artículo pueda ayudarte!