Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

109
Vistas
Crear barras de desplazamiento en un elemento de lienzo HTML PaperJS para usar con paper.view.zoom
  • Tenemos un lienzo de PaperJS que está configurado al 100 % de ancho/alto
  • Los usuarios pueden hacer zoom y desplazarse
  • Los usuarios pueden agregar contenido al lienzo en varios lugares dentro del lienzo, independientemente del estado de zoom/panorámica.
  • Queremos agregar barras de desplazamiento al lienzo como las que se usan en Figma cuando hay contenido fuera del área visible actualmente.

Cuando un usuario acerca o aleja o se desplaza con un lienzo de PaperJS, no está moviendo el lienzo real en el DOM ni aumentando el tamaño del elemento del lienzo. En su lugar, están cambiando la relación de visualización con el contenido dentro del elemento del lienzo.

Por lo tanto, las barras de desplazamiento deben crearse en el elemento de lienzo, pero no parece haber una forma de bloquear la relación de las barras de desplazamiento. Por ejemplo, si las barras de desplazamiento están en el contexto del lienzo y hace zoom, está haciendo zoom en todo el contenido del lienzo y las barras de desplazamiento también cambian de tamaño. Parece que la única solución sería tener algún tipo de oyente que siempre establezca su tamaño, posición, etc. en relación con el estado de zoom/panorámica del lienzo, lo que parece mucho código adicional. ¿Alguien ha encontrado una solución para esto?

about 4 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

0

Tendrías que hacer lo que comentaste al final de tu pregunta.

  • Establezca la altura inicial de la barra de desplazamiento en const scrollHeight = view.height
  • Cree una función de actualización y adjúntela a view.onFrame
  • En la función de actualización, actualice la altura de los objetos de desplazamiento según el zoom actual scrollObject.bounds.height = scrollHeight / view.zoom
  • Luego puede determinar la posición del controlador de las barras de desplazamiento obteniendo la posición de los objetos más altos obj.bounds.top , los límites inferiores de los objetos más bajos obj.bounds.bottom , y finalmente usar el centro de la posición de la vista actual para calcular la posición del controlador view.bounds.center
about 4 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda