sindresorhus/eslint-plugin-unicorn

Rule proposal: `no-canvas-to-image`

クローズ

#1,271 opened on 2021/05/13

GitHub で見るコントリビューターガイド
 (1 件のコメント) (3 件のリアクション) (0 人の担当者)JavaScript (468 件のフォーク)user submission
help wantednew rule

Repository metrics

Stars
 (5,022 個のスター)
PR merge metrics
 (平均マージ 4h 30m) (30d で 26 merged PRs)

説明

Many people don't know CanvasRenderingContext2D.drawImage() accept HTMLCanvasElement as CanvasImageSource

Fail

const image = await loadImage(canvas1.toDataURL());
context2.drawImage(image);

const imageData = context1.getImageData();
context2.putImageData(imageData);

Pass

context2.drawImage(canvas1)

コントリビューターガイド

調査方針
新しいESLintルール 'no canvas to image' を実装し、非効率なcanvasから画像への変換を検出します。eslint plugin unicornリポジトリの既存のルール（例：'rules'フォルダ内）を研究してパターンを理解してください。ASTセレクターを使用して、`loadImage` や `new Image()` 内で使用される `canvas.toDataURL()` のような呼び出しを見つけるルールファイルを作成します。'test'フォルダに対応するテストを記述します。このルールは、直接 `drawImage(canvas)` を使用することを提案する必要があります。APIの誤用をチェックする他のルールの構造に基づいて実装してください。
技術スタック
javascript
領域
frontendperformance
Issue 種別
機能
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
3
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
1-2日
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
新着
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
明確
前提条件
understanding of ESLint plugin developmentfamiliarity with AST manipulation
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
65