Panzoom: Feature: Möglichkeit, ein Pan-Limit oder Padding-Limit festzulegen

Erstellt am 23. Juni 2020  ·  4Kommentare  ·  Quelle: timmywil/panzoom

Welches Problem löst diese Funktion?

Beschreiben Sie die gewünschte Lösung
Die Möglichkeit, eine Schwenkgrenze für zu schwenkende Objekte festzulegen
dh:
BoundaryRatioVertical={0.8}
borderRatioHorizontal={0.8}

Beschreiben Sie Alternativen, die Sie in Betracht gezogen haben
Der contain: 'inside' hat einen ähnlichen Stil, aber ich muss in der Lage sein, zwischen den Zoomstufen umzuschalten, während das Padding-Verhältnis-Limit beibehalten wird

feature votes needed

Hilfreichster Kommentar

Danke, dass Sie sich so schnell bei mir gemeldet haben.

Vielleicht verstehe ich contain: inside ganz. Soweit ich die Implementierung verstehe: Der Panzoom-Knoten kann nicht mehr über das Rechteck seines Elternteils hinaus zoomen, aber ich möchte, dass der Benutzer hineinzoomen kann, contain: inside lässt mein Objekt nicht zu Zoomen Sie über das Ansichtsfenster hinaus.

Mein Anwendungsfall: Ich habe eine historische Karte mit großer Auflösung - ich möchte, dass ein Benutzer herumschwenken kann auf der einen Seite, was sich wie contain: outside anhört, aber ich möchte, dass sie die volle Zoomsteuerung haben, vollständig herauszoomen, aber mehr erkunden, indem Sie hineinzoomen.

Ich denke, das Problem sind die Einschränkungen, auf die ich sowohl bei inside als auch bei outside

  • inside geht davon aus, dass das Bild klein genug ist, um in das Ansichtsfenster zu passen, und hat andernfalls einige seltsame Effekte
  • outside geht davon aus, dass das Bild MINDESTENS das gesamte Ansichtsfenster einnehmen sollte

wo ich mir ein contain: 'bounds' vorstellen könnte, das ein Bild zoomen und schwenken lässt, und wenn das Bild größer als das Ansichtsfenster ist und Sie an den Rand oder die Ecke gelangen, würde es zurück zum jeweiligen Rand schwenken

Alle 4 Kommentare

Danke, dass Sie ein Problem eröffnet haben. Verzeihen Sie, wenn ich die Funktion falsch verstehe, aber könnte dies nicht erreicht werden, indem Sie ein Wrapper-Element hinzufügen und contain: 'inside' ?

Danke, dass Sie sich so schnell bei mir gemeldet haben.

Vielleicht verstehe ich contain: inside ganz. Soweit ich die Implementierung verstehe: Der Panzoom-Knoten kann nicht mehr über das Rechteck seines Elternteils hinaus zoomen, aber ich möchte, dass der Benutzer hineinzoomen kann, contain: inside lässt mein Objekt nicht zu Zoomen Sie über das Ansichtsfenster hinaus.

Mein Anwendungsfall: Ich habe eine historische Karte mit großer Auflösung - ich möchte, dass ein Benutzer herumschwenken kann auf der einen Seite, was sich wie contain: outside anhört, aber ich möchte, dass sie die volle Zoomsteuerung haben, vollständig herauszoomen, aber mehr erkunden, indem Sie hineinzoomen.

Ich denke, das Problem sind die Einschränkungen, auf die ich sowohl bei inside als auch bei outside

  • inside geht davon aus, dass das Bild klein genug ist, um in das Ansichtsfenster zu passen, und hat andernfalls einige seltsame Effekte
  • outside geht davon aus, dass das Bild MINDESTENS das gesamte Ansichtsfenster einnehmen sollte

wo ich mir ein contain: 'bounds' vorstellen könnte, das ein Bild zoomen und schwenken lässt, und wenn das Bild größer als das Ansichtsfenster ist und Sie an den Rand oder die Ecke gelangen, würde es zurück zum jeweiligen Rand schwenken

Das klingt nach einem einzigartigen Verhalten und ich bin mir nicht sicher, wie ich es in die Bibliothek einbauen soll. Ich denke, Sie könnten sich an das Ereignis panzoomzoom binden und die Option "Enthalten" auf "außerhalb" ändern, wenn eine Grenze erreicht wird. Früher hatte ich eine 'auto'-Option für contain , die je nach Größe des Elements relativ zum Container zwischen inside und outside . Wenn es kleiner als der Container ist, wird es auf 'inside' , wenn es größer ist, 'outside' . Dies würde sicherstellen, dass das Bild zoombar, aber immer im Blickfeld ist. So oder so, ich werde dies vorerst im Abstimmungsetikett belassen.

@timmywil in den letzten zwei Tagen bin ich tatsächlich auf diese Idee gestoßen, zwischen inside und outside umzuschalten, aber das scheint nicht wie erwartet zu funktionieren, von {contain: outside} zu {contain: inside} scheint das Bild in einer Position zu fixieren und es scheint, als ob die zoomIn() und zoomOut an die Einstellung "Contain" gebunden sind, also kann ich nicht einmal ein zoomOut auslösen es sei denn, ich habe es selbst ausgelöst. Lassen Sie mich wissen, wenn es Einstellungen gibt, die ich übersehe.

Ich denke, das sind viele Worte, um ein contain: auto zu sagen, scheint genau das zu sein, wonach ich suche, hah

wenn es eine Abstimmung für das Auto-Feature gibt, würde ich das gerne unterstützen :)

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

adred picture adred  ·  21Kommentare

ronvillalon picture ronvillalon  ·  8Kommentare

gavJackson picture gavJackson  ·  3Kommentare

jsblanco picture jsblanco  ·  19Kommentare

rpallares picture rpallares  ·  3Kommentare