Question

我为网站管理员http://qcoder.ru/pixelfiller/提供小型服务，但我有一个问题。模式＃7和＃8（对角线）在Mozilla，Safari和Opera中具有糟糕的渲染（模式之间具有小的空白）。如何在Chrome中制作横向浏览器？

tehese模式的函数：

// #7
function template7() {
    c.beginPath();
    c.moveTo(size, 0);
    c.lineTo(0, size);
    c.stroke();
}

// #8
function template8() {
    c.beginPath();
    c.moveTo(0, 0);
    c.lineTo(size, size);
    c.stroke();
}

Answer 1

看起来它可能是一个消除锯齿的问题;从您分享的代码片段看起来，您正在从一个角落到另一个角落绘制一条线。如果您改为在画布之外绘制开始和结束一两个像素的行，您可能会看到更好的结果：

我的意思是错误的图表：

This:         Not This:

\
 \++++        \++++
 +\+++        +\+++
 ++\++        ++\++
 +++\+        +++\+
 ++++\        ++++\
      \

不同的画布渲染

1 个答案: