HTML-canvas mit scrollbar

Ich bin zeichnen von Graphen auf Leinwände, die große ungleiche breiten.
Ist es möglich, für jede Leinwand eine eigene scrollbar? Ich versuchte, alle die Leinwände in einem div und geben Sie eine max-Breite, aber es hat nicht funktioniert.
Ist es möglich, für alle Leinwände werden sagen 500 Pixel in der Breite auf die Seite und jeder hat seine Bildlaufleiste, um die gesamte Breite der Leinwand.

Danke.

InformationsquelleAutor madu | 2013-03-17
  1. 24

    Geben Sie die gesamte Breite der Leinwand dann wickeln Sie es in ein div. Legen Sie die div - overflow: scroll und geben, dass die 500 Pixel Breite. Sie sollten dann Bildlaufleisten, so dass Sie, um zu Blättern und finden Sie die versteckten Teile der Leinwand. Wiederholen Sie dies für alle von den Leinwänden.

    <div style="max-height: 256px;max-width:256px;overflow: scroll;">
          <canvas width="512px" height="512px"></canvas>
</div>
    • Dank jimjimmy! Es hat geklappt!
    • Aber ich nehme an, dies erstellt eine Leinwand backing bitmap speichern der vollen Größe. Nicht akzeptabel für die meisten Anwendungsfälle.
    • Seine akzeptabel für jeden Anwendungsfall die nicht erforderlich ist, die Leinwand zu animieren. Wenn Sie generieren eine Grafik oder ein großes Bild, es sollte perfekt zum laden in eine Leinwand einmal und die haben Scrollbalken. Wenn Sie eine animation erstellen, werden Sie wahrscheinlich wollen, ziehen Sie einfach den Teil der animation, die sichtbar wird, um zu sparen Bearbeitungszeit.
    InformationsquelleAutor James Coyle
Schreibe einen Kommentar