¿Cómo se completa el estilo interactivo SVG de diseño de gráficos y texto en las cuentas públicas de WeChat?

La cuenta oficial de WeChat es realmente una cuestión de preocupación, desde determinar el tema, escribir el artículo, elegir el título, elegir las imágenes, pensar en los párrafos hasta el diseño del artículo. realmente minucioso. Originalmente no era fácil criar niños, pero resultó que los niños en el video corto de al lado eran muy buenos, sus calificaciones mejoraron a pasos agigantados e incluso representaban una amenaza para sus propios hijos, por lo que pensaron en varios formas de ayudar a sus propios hijos, por eso encontraron la ayuda de SVG.

Con respecto a los estilos SVG, muchos artículos de gran tamaño utilizan estilos interactivos SVG que se personalizan con dinero. Para los medios propios como nosotros, que recién estamos comenzando, es básicamente imposible personalizar los estilos SVG en un nivel alto. costo. . ¿Entonces no podemos usar estilos SVG? ¿Cómo es posible? ! !

Desde que probé la dulzura de SVG, el editor de cuentas públicas también siguió los pasos y apareció una gran cantidad de materiales de estilo SVG. A continuación, le mostraré cómo combinar estilos e imágenes SVG para completar un. cuenta pública.

Como estoy usando Little Ant Editor, lo tomaré como ejemplo aquí.

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 aplica principalmente el estilo SVG y funciones de empalme perfecto.

¿Cómo lograr un empalme perfecto de imágenes? Hay dos métodos:

El primero es la función de eliminación 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 Costura, que es la función de limpieza de espacios, puede eliminar espacios;

El segundo estilo sin costuras;

Haga clic en el estilo único en la barra de navegación izquierda, busque la lupa , e ingrese la clave Busque el estilo con la palabra "sin costuras", luego haga clic para usar el 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. Haga clic en el estilo único en la barra de navegación izquierda, busque la lupa, ingrese la palabra clave "hacer clic en cambiar" para buscar el estilo, luego seleccione y haga clic para use el estilo, haga clic en el área de edición para ver el cambio de imagen;

2. Cuando haga clic en la imagen, aparecerá la barra de herramientas de estilo. Haga clic en el botón "SVG" para cambiar la imagen.

3. En esta página, puedes agregar o eliminar imágenes, y también puedes arrastrarlas para cambiar sus posiciones.

¡Espero que mi artículo te sea útil!