Verschieben Sie HTML5 Canvas mit einem Hintergrundbild

Ich möchte ein riesiges Diagramm visualisieren, das in einer HTML5-Zeichenfläche gezeichnet ist. Stellen wir uns wie unten dargestellt die Weltkarte vor, es ist unmöglich, sie alle gleichzeitig mit einem "anständigen" Detail zu visualisieren. Daher möchte ich auf meiner Leinwand mit der Maus darüber schwenken können, um die anderen Länder zu sehen, die nicht sichtbar sind.

Weiß jemand, wie man diese Art des Schwenkens in einem HTML5-Canvas implementiert? Ein weiteres Feature wäre das Vergrößern und Verkleinern.

 Ich habe ein paar Beispiele gesehen, aber ich konnte sie nicht zum Laufen bringen, noch näherten sie sich meiner Frage.

Danke im Voraus!

Antworten auf die Frage(2)

Ihre Antwort auf die Frage