2

私はウェブマスター向けの小さなサービスhttp://qcoder.ru/pixelfiller/を作成していますが、1 つの問題があります。パターン #7 と #8 (対角線) は Mozilla、Safari、Opera でのレンダリングが悪い (パターン間に小さな空白がある)。Chrome のようにクロスブラウザ レンダリングを行うにはどうすればよいですか?

これらのパターンの関数:

// #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();
}
4

1 に答える 1

0

アンチエイリアシングの問題のようです。あなたが共有したコード スニペットから、ある角から反対側の角まで線を引いているように見えます。代わりに、キャンバスの 1 ピクセルまたは 2 ピクセル外側で開始および終了する線を描画すると、より良い結果が得られる場合があります。

私が言いたいことの悪い図：

This:         Not This:

\
 \++++        \++++
 +\+++        +\+++
 ++\++        ++\++
 +++\+        +++\+
 ++++\        ++++\
      \
于 2012-10-23T01:22:57.407 に答える