Support for high density monitors with devicePixelRatio
@Absulit がすでに取り組んでいます。
2026年6月2日 から。
評価
- 難易度
- 3/5
- 見積もり時間
- 1〜2日
- 初心者へのやさしさ
- 65/100
- issue の種類
- 機能追加
- 明瞭さ
- おおむね明確
- 活発さ
- 静か
- 技術スタック
- javascript
調査の方向性
この issue は、高密度モニター向けの canvas のサイズ変更に関するものです。おそらく canvas 管理モジュールにあるコードスニペット内の ResizeObserver の使用箇所を確認してください。まず canvas が初期化およびサイズ変更されている場所を見つけ、次に示されているように devicePixelRatio のサポートを統合します。High-DPI ディスプレイでライブラリを実行し、canvas のレンダリングが鮮明であることを確認してテストします。
索引モデルが issue の本文から書いたものです。
説明
This is related to #299
Required for high density monitors and the HTML in Canvas to not look blurry, it needs to support the device pixel ratio
const observer = new ResizeObserver(this.#resizeCanvasToFitWindow);
const supportsDevicePixelContentBox =
typeof ResizeObserverEntry !== 'undefined' &&
'devicePixelContentBoxSize' in ResizeObserverEntry.prototype;
const options = supportsDevicePixelContentBox ? { box: 'device-pixel-content-box', signal } : { signal };
observer.observe(this.#canvas, options);
#resizeCanvasToFitWindow = (entries) => {
// there are some calls of this function that do not have entries
// because of this, clientWidth and clientHeight values are used
const entry = entries?.[0];
this.#screenResized = true;
if (this.#fitWindow) {
const width = entry?.contentRect?.width || this.#canvas.clientWidth;
const height = entry?.contentRect?.height || this.#canvas.clientHeight;
const dpc = entry?.devicePixelContentBoxSize;
this.#canvas.width = dpc ? dpc[0].inlineSize : Math.round(width * window.devicePixelRatio);
this.#canvas.height = dpc ? dpc[0].blockSize : Math.round(height * window.devicePixelRatio);
this.#setScreenSize();
this.#frame()
}
}
- 主要言語
- JavaScript
- スター
- 56
- フォーク
- 5
- PR マージ指標
- 30日以内にマージされた PR はありません
環境構築
このプロジェクトには開発コンテナ、Dockerfile、コントリビューションガイドがありません。まず README を読み、一般的な手順ははじめてのコントリビューションガイドを参照してください。
はじめの一歩
- issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
- 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
- リポジトリをフォークし、ブランチを切って変更します。
- issue 番号を参照したプルリクエストを送ります。
Absulit/points のほかの issue
-
binding ids don't match再び着手できるかも @Absulit が 115 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 55/100
-
Generate a default canvas instead of assigning one再び着手できるかも @Absulit が 138 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンenhancement good first issue
難易度 3/5 1〜2日 初心者へのやさしさ 45/100
-
難易度 4/5 3〜5日 初心者へのやさしさ 25/100
-
Implement immediates再び着手できるかも @Absulit が 143 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンcanned enhancement
難易度 4/5 3〜5日 初心者へのやさしさ 45/100
-
On screen resize, blank frames are displayed再び着手できるかも @Absulit が 143 日前に担当しましたが、オープン中のプルリクエストはありません。 オープンbug
難易度 3/5 1〜2日 初心者へのやさしさ 35/100
似ている issue
-
area: docs good first issue
難易度 2/5 1〜3時間 初心者へのやさしさ 64/100
メンテナーはふだん 1 日以内に返信
-
Support
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
メンテナーはふだん 1 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 72/100
openseadragon/openseadragon#2996 ·
メンテナーはふだん 3 日以内に返信
-
難易度 2/5 1〜3時間 初心者へのやさしさ 75/100
jfromaniello/url-join#134 ·
-
難易度 2/5 1〜3時間 初心者へのやさしさ 74/100