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

Métriques du dépôt

Stars

5 022 étoiles (5 022 étoiles)

Métriques de merge PR

Merge moyen 4h 30m (Merge moyen 4h 30m)26 PRs mergées en 30 j (26 PRs mergées en 30 j)

Description

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

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

context2.drawImage(canvas1)

Guide contributeur

Direction de recherche

Implémentez une nouvelle règle ESLint 'no canvas to image' qui détecte les conversions inefficaces de canvas en image. Étudiez les règles existantes dans le dépôt eslint plugin unicorn (par exemple, dans le dossier 'rules') pour comprendre le modèle. Créez un fichier de règle utilisant des sélecteurs AST pour trouver des appels comme `canvas.toDataURL()` utilisés dans `loadImage` ou `new Image()`. Écrivez les tests correspondants dans le dossier 'test'. La règle doit suggérer d'utiliser directement `drawImage(canvas)`. Basez votre implémentation sur la structure d'autres règles qui vérifient les mauvaises utilisations d'API.

Stack technique

javascript

Domaine

frontendperformance

Type d'issue

Fonctionnalité

DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.

3

Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.

1-2 jours

Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.

Récente

ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.

Claire

Prérequis

understanding of ESLint plugin developmentfamiliarity with AST manipulation

Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.

65