Comentário: Descobri que as fronteiras desenhadas pela função de retângulo dentro têm estilos inconsistentes. Deixe -me compartilhar as idéias para resolver o problema com todos. Amigos interessados não devem perder.
Nos últimos dois dias, preciso usar o desenho HTML5 do meu colega. Descobri que as fronteiras desenhadas pela função com o retângulo interno tinham estilos inconsistentes. Finalmente, encontrei o ponto crucial do problema através de alguns métodos de exclusão e os compartilharei com você.
Primeiro, anexe o código HTML5 para desenhar um retângulo:
<lVAs> </canvas>
<Cript>
var canvas = document.getElementById ('mycanvas');
var context = Canvas.getContext ('2D');
context.BeginPath ();
context.rect (188.0, 50, 200, 100.375);
context.fillstyle = 'branco';
context.fill ();
context.LineWidth = 1;
context.strokestyle = 'vermelho';
context.stroke ();
</script>
Você descobrirá que o estilo de borda é diferente após a execução e o fundo é obviamente muito fino. As cores são um pouco diferentes
Após modificar o contexto.rect (188.0, 50, 200, 100.375) para context.rect (188.0, 50, 200, 100), verificou -se que o estilo é completamente consistente.
Isso mostra que, ao desenhar um retângulo, se houver parâmetros dentro que não sejam inteiros, é fácil causar problemas de fronteira, por isso é recomendável que você o arrebite antes de usá -lo.