1

HTML5 キャンバスに一連の四角形とテキストを描画しています。しかし、このキャンバスは最終的に印刷されます。長方形は、紙(キャンバス)の高さに応じて描画されます

テキストを歪めない唯一のキャンバス幅は300dpiまたは2400x3300キャンバスです。これは印刷には適していますが、画面上では明らかに巨大です。

100%オーバーフロー用のスクロールバーを備えた親コンテナの高さに合うように、左側にキャンバスの縮小バージョンをユーザーに表示してもらいたいと思います。

私はoverflow:auto..を試しdivましたが、これは機能しますが、スケーリングされていません(まだ巨大なバージョンをスクロールしています)。したがって、基本的にはブラウザウィンドウの画像を拡大縮小したいと思いますが、すべてdrawing/printing大きなキャンバスから行います。

4

1 に答える 1