Galera fiz um plano cartesiano normal aqui num canvas, mas to com um problema, o gráfico não está perfeitamente centralizado e isso está me incomodando um bocado, eu sei q posso mudar a posição manualmente em código, mas a questão é: Por que o gráfico está descentralizado?
Eis o código JS:
window.onload = function () {
var contex = document.getElementById("grafico").getContext("2d");
contex.moveTo(0, document.getElementById("grafico").clientHeight/2);
contex.lineTo(document.getElementById("grafico").clientWidth, document.getElementById("grafico").clientHeight/2);
contex.moveTo(document.getElementById("grafico").clientWidth/2, 0);
contex.lineTo(document.getElementById("grafico").clientWidth/2, document.getElementById("grafico").clientHeight);
contex.stroke();
}
nesse código eu pego a altura dividida por 2 e a largura tbm, eu ja tentei tanto com o client quando com o offset e ambos apresentam a mesma imprecisão. Por que isso acontece? Obrigado
Eu testei usando os valores brutos colocando eles diretamente na função e ai funcionou certinho, a questão é, por que quando puxo da imprecisão?