Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

HTMLCanvasElement : propriété mozOpaque

Obsolète: Cette fonctionnalité n'est plus recommandée. Même si certains navigateurs la prennent encore en charge, elle a peut-être déjà été supprimée des standards du web, est en passe d'être supprimée ou n'est conservée qu'à des fins de compatibilité. Évitez de l'utiliser et mettez à jour le code existant si possible ; consultez le tableau de compatibilité au bas de cette page pour vous aider à prendre votre décision. Sachez que cette fonctionnalité peut cesser de fonctionner à tout moment.

Non standard: Cette fonctionnalité n'est pas standardisée. Nous déconseillons d'utiliser des fonctionnalités non standard en production, car leur prise en charge par les navigateurs est limitée, et elles peuvent être modifiées ou supprimées. Toutefois, elles peuvent constituer une alternative appropriée dans certains cas où aucune option standard n'existe.

La propriété non standard mozOpaque de l'interface HTMLCanvasElement est une valeur booléenne correspondant à l'attribut HTML moz-opaque de l'élément <canvas>. Elle indique si la translucidité est à prendre en compte. Si le canevas sait qu'il n'y a pas de translucidité, les performances de peinture peuvent être optimisées.

Note : Cela a été normalisé en définissant l'option alpha à false lors de la création d'un contexte de dessin avec HTMLCanvasElement.getContext(). L'utilisation de mozOpaque est déconseillée. Firefox ne le prendra plus en charge à l'avenir.

Valeur

Une valeur booléenne.

Exemples

Étant donné cet élément HTML <canvas> :

html
<canvas id="canvas" width="300" height="300" moz-opaque></canvas>

Vous pouvez obtenir ou définir la propriété mozOpaque. Par exemple, vous pouvez la définir conditionnellement à true si mimeType === 'image/jpeg', ou de façon similaire, pour améliorer les performances de votre application lorsque la translucidité n'est pas nécessaire.

js
const canvas = document.getElementById("canvas");
console.log(canvas.mozOpaque); // true
// le désactiver
canvas.mozOpaque = false;

Spécifications

Ne fait partie d'aucune spécification.

Compatibilité des navigateurs

Voir aussi