Maison > interface Web > tutoriel CSS > Introduction détaillée à l'anticrénelage

Introduction détaillée à l'anticrénelage

零下一度
Libérer: 2017-06-11 14:50:41
original
3441 Les gens l'ont consulté

Cet article présente principalement le lissage des polices et le rendu anti-aliasing en CSS3. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer. En parcourant le thème officiel de Drupal, j'ai découvert un sélecteur CSS non standard intéressant - webkit-font-smoothing, j'ai donc commencé à jouer avec. Comment utiliser les polices CSS3 pour un affichage fluide ? Il faut savoir que le W3C a envisagé le rendu anti-aliasing des polices en CSS, comme font-smooth, mais cela peut être dû aux différences de rendu des polices dans les différents systèmes d'exploitation et noyaux de navigateur. . Bref, il n’a pas été sélectionné comme standard du Web. Cependant, WebKit conserve toujours un ensemble de ses propres sélecteurs non standard pour prendre en charge les effets d'anticrénelage afin de rendre l'affichage des polices plus fluide. -webkit-font-smoothing a principalement les trois attributs suivants : 1. none : pas d'anti-aliasing 2. subpixel-antialiased (par défaut) : le lissage des sous-pixels est courant sous Mac OS et MacType pour Windows3, ​​​​antialiased : niveaux de gris

1. Explication détaillée des exemples de rendu de lissage des polices et d'anti-aliasing en CSS3

Introduction détaillée à l'anticrénelage

Introduction : Cet article présente principalement le lissage des polices et le rendu anti-aliasing en CSS3. Il a une certaine valeur de référence. Les amis intéressés peuvent s'y référer.

2. Lissage des polices et rendu anti-aliasing en CSS3

Introduction détaillée à l'anticrénelage

Introduction : En regardant le thème officiel de Drupal, j'ai découvert un sélecteur CSS non standard intéressant - webkit-font-smoothing, j'ai donc commencé à jouer avec. Comment utiliser les polices CSS3 pour un affichage fluide

3 Je voudrais poser une question CSS, comment puis-je obtenir un anti-aliasing dans les petites polices ? Comme le site Web DELL, il n'y a aucun alias du tout_html/css_WEB-ITnose

Introduction : J'ai une question CSS, comment puis-je obtenir un anti-aliasing même dans les petites polices ? Comme sur le site DELL, il n'y a aucun alias du tout

4 CSS anti-aliasing font-smoothing_html/css_WEB-ITnose

Introduction : Lissage des polices avec anti-aliasing CSS

5 Comment utiliser la bibliothèque gd de PHP pour dessiner une barre oblique épaisse anti-aliasée .

Introduction : Comment utiliser la bibliothèque gd de PHP pour dessiner une ligne diagonale épaisse anti-aliasée Comme l'indique le titre, l'image remplie dessinée à l'aide de polygones est irrégulière. La fonction imageantialias n'est pas valide. ------Solution--------------------Il est inévitable que l'image bitmap ait un alias. L'anti-aliasing de l'imageantialias est efficace. Vous pouvez l'activer. à titre de comparaison. et l'effet à la fermeture si vous n'êtes pas satisfait de l'effet d'imageantialias (après tout, GD n'est pas un professionnel

6. Comment améliorer la qualité des images téléchargées en php sans alias

Introduction : Comment améliorer la qualité des images téléchargées en PHP sans alias Comme le titre l'indique, face à des designers pointilleux, disent-ils ? les images téléchargées sont alias (PS : je ne le vois pas vraiment ! = =) Experts, comment puis-je améliorer la qualité de l'image lors du téléchargement d'images sans alias ------Solution--------------- ? ---------- Essayez d'activer la fonction d'anti-aliasing (imageantialias), mais si vous redimensionnez le bitmap, la perte de précision est inévitable

7. 🎜>Comment dessiner une ligne anti-aliasée à l'aide de la bibliothèque gd de PHP Barre oblique épaisse

Introduction : Comment utiliser la bibliothèque gd de PHP pour dessiner une barre oblique épaisse anti-aliasée ? indique le titre, l'image remplie dessinée à l'aide de polygones est aliasée à l'aide de la fonction imageantialias. Elle n'est pas valide ------Solution----------C'est inévitable. que l'image bitmap est aliasée. L'anti-aliasing d'imageantialias est efficace. Vous pouvez comparer l'effet lorsqu'il est activé et désactivé si vous n'êtes pas satisfait de l'effet d'imageantialias (après tout, GD n'est pas un professionnel)<.>

8.

Principe de mise en œuvre d'animation fluide javascript_compétences javascript

Introduction : Le navigateur n'a actuellement pas d'effet anti-aliasing ( cela ne sera peut-être pas certain à l'avenir), donc le changement d'apparence de l'élément DOM est limité à 1 pixel pour le meilleur effet .

.

9. Code CSS pur pour générer des coins arrondis anti-aliasés_Échange d'expérience

Introduction : Code CSS pur pour générer des coins arrondis anti-aliasés

[Recommandation de questions et réponses connexes] :

linux - problème d'anti-aliasing Webstorm

javascript - canves Comment réaliser l'anti-aliasing ?

javascript - ubantu15.10 three.js Lors du dessin d'un cuboïde, l'anti-aliasing est activé

html5 - toile slash Comment réaliser l'anti-aliasing ?

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal