Commentaire: J'ai constaté que les frontières tirées par la fonction rectangulaire à l'intérieur ont des styles incohérents. Permettez-moi de partager les idées pour résoudre le problème avec tout le monde. Les amis intéressés ne devraient pas le manquer.
Au cours des deux derniers jours, j'ai besoin d'utiliser le dessin HTML5 de mon collègue. J'ai trouvé que les frontières tirées par la fonction avec le rectangle à l'intérieur avaient des styles incohérents. Enfin, j'ai trouvé le nœud du problème grâce à certaines méthodes d'exclusion, et je les partagerai avec vous.
Joignez d'abord le code HTML5 pour dessiner un rectangle:
<lebvas> </ canvas>
<cript>
var canvas = document.getElementById ('myCanvas');
var context = canvas.getContext ('2d');
context.beginPath ();
context.rect (188,0, 50, 200, 100,375);
context.fillStyle = 'White';
context.fill ();
context.linewidth = 1;
context.strokestyle = 'red';
context.stroke ();
</cript>
Vous constaterez que le style de bordure est différent après l'exécution, et le fond est évidemment très mince. Les couleurs sont légèrement différentes
Après avoir modifié le contexte.
Cela montre que lors du dessin d'un rectangle, s'il y a des paramètres à l'intérieur qui ne sont pas des entiers, il est facile de causer des problèmes de bordure, il est donc recommandé de le contourner avant de l'utiliser.