Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

108
Visualizações
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 Respostas
Responde à pergunta

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 Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda