Комментарий: я обнаружил, что границы, нарисованные прямоугольником внутри, имеют непоследовательные стили. Позвольте мне поделиться идеями для решения проблемы со всеми. Заинтересованные друзья не должны пропустить это.
За последние два дня мне нужно использовать рисунок HTML5 моего коллеги. Я обнаружил, что границы, нарисованные функцией с прямоугольником внутри, имели противоречивые стили. Наконец, я нашел суть проблемы с помощью некоторых методов исключения, и я поделюсь ими с вами.
Сначала прикрепите код HTML5, чтобы нарисовать прямоугольник:
<Canvas> </canvas>
<Скрипт>
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 ();
</script>
Вы обнаружите, что стиль границы отличается после выполнения, а дно, очевидно, очень тонкое. Цвета немного разные
После изменения контекста. РЕКТ (188,0, 50, 200, 100,375) в контекст. РЕКТ (188,0, 50, 200, 100) обнаружено, что стиль полностью согласован.
Это показывает, что при рисовании прямоугольника, если внутри есть какие -либо параметры, которые не являются целыми числами, его легко вызвать проблемы с границей, поэтому рекомендуется обойти его перед его использованием.