No puedo reiniciar el lienzo después de moverlo/escalarlo

No estoy seguro de entender tu problema, ¿cómo mueves o escalas exactamente el lienzo?

esto no está relacionado, ¿existe alguna función que se pueda llamar para ampliar el contenido y no el lienzo? Así que si quiero escalarlo, como si estuviera en una página de DPI muy alto, para poder hacer mejores ediciones. ¿O debería hacerse escalando manualmente el zoom del iframe? Porque el zoom en iframe por supuesto ampliaría las herramientas y el esquema de selección

'editor. ¿Canvas.setZoom' no funciona en tu caso?

Lo escalado usando el editor. Canvas.setZoom y muévelo usando la barra espaciadora. Ahora mismo quité lo que había hecho, pero era algo así como coger el elemento de lienzo y simplemente colocarlo con una actualización de estilo. Sin embargo, este cambio no es permanente y en cuanto se mueve ligeramente vuelve a la posición original, así que si estaba a 26x, 18 y (o 26 arriba, 18 a la izquierda), por ejemplo, moverse ligeramente hará que salte hacia atrás a esas coordenadas en lugar de basar su movimiento desde 0,0 si estaba ceneterado. ¿Existe alguna función que restablezca la posición del lienzo al centro de la vista y la reescale al 100%?

Si hablas de las coordenadas móviles, aún no tenemos una API directa para eso, pero puedes obtenerlas o actualizarlas de esta manera: '''js const canvasModel = editor. Canvas.getModel(); Obtener valores const { x, y } = canvasModel.attributes; Valores de actualización canvasModel.set({ x: x + 50, y: y + 50 })

Gracias por informar de esto, @anatoli-dp.

¡Gran sugerencia sobre No se puede reiniciar el lienzo después de moverlo/escalarlo! Aunque esta función específica aún no está en la API principal, existen varias formas de lograr un comportamiento similar.

Usando el sistema de eventos: '''javascript editor.on('component:update', (component) => { Tu lógica aquí });

**Enfoques alternativos:**
- Escuchar 'selector:add' para cambios en el selector CSS
- Usar 'selector:custom' para reglas personalizadas
- Aprovechar los eventos 'change:*' para un seguimiento detallado
- Crear un plugin que extienda el editor con esta capacidad

**Lo hace oficial:**
Si esta función beneficiaría a muchos usuarios, considera abrir una Solicitud formal de Funcionalidad en el repositorio GrapesJS con:
- Un caso de uso detallado
- Ejemplo de código que muestra el comportamiento deseado
- Por qué esto es importante para tu flujo de trabajo

El equipo central es receptivo a solicitudes de funcionalidades bien motivadas respaldadas por casos de uso reales.