0
301
VistasKonva.js. Cambiar el tamaño de rect por límites en Transform.js
Por defecto , el konva-transformer usa pequeños rectángulos en el medio del borde (medio-izquierdo, medio-derecho, arriba-centro, abajo-centro). Pero quiero cambiar el tamaño por bordes, así 
¿Hay alguna biblioteca que resuelva mi problema o una manera fácil de implementarlo?
2 Respuestas
Responde la pregunta0
Mira el ejemplo, solo necesitas actualizar la lógica en la clase Transformer
0
En primer lugar, ¿ha considerado cómo funcionará esto para los usuarios que usan una interfaz táctil, donde no existe un potencial real para un evento de mouseover?
Como alternativa, puede desactivar las manijas de las esquinas (como se muestra en su imagen) y encender solo las manijas de los bordes. Hay una demostración aquí que muestra todas las opciones de configuración para el transformador que pueden ser de ayuda, más explicaciones aquí .
// set handlers on edges only. transformer.enabledAnchors(['top-center', 'middle-right', 'middle-left', 'bottom-center',]);Para responder a su pregunta específicamente, no hay nada en Konva.js que haga esto por usted. Tendría que desarrollarlo usted mismo a menos que alguien más pueda proporcionar un código de muestra.
La forma de abordarlo sería dibujar cuatro líneas (no un rect, cuatro formas de línea individuales) alrededor de las formas seleccionadas y usar los eventos mouseover y mouseout para brindarle la información necesaria para mostrar/ocultar el cursor, etc.