Perguntas Frequentes

Qual a razão da diferença posicionamento dos elementos entre os Renderers?

Pequanas diferenças de posicionamento ocorrem no Fabric.js em relação ao Canvas comum pois ele subistitui uma instância de um <canvas> comum para 2 canvas distintos, que lidam com o desenho de forma diferente, com o canvas superior por vezes rasterizando (e comprimindo) o conteúdo desenhado.

Especialmente em telas "retina", com alto DPI, há uma checagem do devicePixelRatio para a sua exibição, o que influencia tanto no seu posicionamento quanto em suas dimensões, pois são considerados os subpixels.

A exceção clara a isso é o elemento "Texto", que tende a possuir uma diferença considerável entre os dois Renderers, pois o Fabric.js cria uma espécie de "contêiner" para o texto, e insere o Texto dentro deste contêiner, centralizando ele tanto horizontalmente quanto verticalmente.

Ou seja, essas diferenças estão ligadas à escolhas de design em relação a exibição dos componentes de cada Renderer.