Issue #2026💬 RespondidoAbierto el 21 de mayo de 2019por alikabeer32Reacciones 1

El gestor de estilos funciones css (por ejemplo: transform: rotate(90degree)) acepta solo un parámetro

Respuesta rápidapor adamyarger1

@alikabeer32 me he encontrado con el mismo problema antes, tienes que establecer el valor 'por defecto' para translateY y translateX, ya que la propiedad de transformación en css se comparte tanto entre translateX como translateY. por ejemplo, las uvas producen 'transform: translateY(40px) translateX(0);' Aquí tienes...

Lee la respuesta completa abajo ↓

Pregunta

Me gustaría proporcionar una opción para la función css translate(x,y), pero el parámetro addProperty functionName solo acepta un parámetro como entrada. Intenté usar translateX() y translateY() pero no funcionan simultáneamente. Agradecería que alguien pudiera decirme algún otro método para conseguir el efecto deseado.

Respuestas (2)

adamyarger12 de julio de 2019

@alikabeer32 me he encontrado con el mismo problema antes, tienes que establecer el valor 'por defecto' para translateY y translateX, ya que la propiedad de transformación en css se comparte tanto entre translateX como translateY. por ejemplo, las uvas producen 'transform: translateY(40px) translateX(0);'

Aquí tienes un ejemplo de cómo podrías pasarlo por el atributo 'styleManager' al construir uvas.

StyleManager: {
    Sectores: [
        {
            id: 'dimensión',
            nombre: 'Dimensión',
            open:false,
            buildProps:[
                'transformar'
            ],
            Propiedades:[
                {
                    Propiedad: 'transformar',
                    Propiedades:[
                        {
                            nombre: 'Traducir Y',
                            Propiedad:'transformar-traducir-y',
                            funciónNombre: 'translateY',
                            Defaults: 0,
                            tipo: 'entero',
                            Unidades: ['PX', '%'],
                            Unidad: 'PX'
                        },
                        {
                            nombre: 'Traducir X',
                            Propiedad:'transformar-traducir-x',
                            funciónNombre: 'translateX',
                            Defaults: 0,
                            tipo: 'entero',
                            Unidades: ['PX', '%'],
                            Unidad: 'PX'
                        },
                    ]
                }
            ]
        }
    ]
},
alikabeer3213 de julio de 2019

¡Sí! Era la solución perfecta. ¡Gracias!

Preguntas y respuestas relacionadas

Continúa investigando con debates sobre temas similares.

Plugins de pago que cumplen con este problema

Seleccionado por temas clave y relevancia de etiquetas para ayudarte a enviar más rápido.

Ver todos los plugins

Cargando recomendaciones de plugins de pago...

Opción gratuita

Consulta los plugins de código abierto de GrapesJS en GitHub O haz una búsqueda rápida en nuestro catálogo gratuito.

Explora plugins gratuitos →
Opción premium

Los plugins premium incluyen soporte, actualizaciones regulares y funciones listas para producción — ahorrando días de trabajo de integración.

Explora plugins premium →

Tutoriales relacionados

Guías detalladas sobre el mismo tema.

Todos los tutoriales →

Explorar categorías de plugins

Ve directamente a las páginas de categorías de plugins en el marketplace.