2

SO などで聞いた話によるとImageSmoothingEnabled、Chrome では v22.0 からキャンバス コンテキストのオプションが有効になっています。Chrome（バージョン23.0）でピクセル化された画像を取得するためのstackoverflowの他の方法や、これを尊重するようにchromeを取得できないようです。CSS や JavaScript で何を試しても、Chrome で描画すると画像は補間されます。たとえば、私は試しました

image-rendering: optimizeSpeed;             // Older versions of FF
image-rendering: -moz-crisp-edges;          // FF 6.0+
image-rendering: -webkit-optimize-contrast; // Webkit
image-rendering: optimize-contrast;         // Possible future browsers.
-ms-interpolation-mode: nearest-neighbor;   // IE

と

var context = canvas.node().getContext("2d");
context.ImageSmoothingEnabled = false;
context.webkitImageSmoothingEnabled = false;
context.mozImageSmoothingEnabled = false;

ただし、これらの設定は Firefox でも機能します。最近、クロムにキャンバス画像をピクセル化させる方法を知っている人はいますか?

4

1 に答える 1

2

次のコードは私にとってはうまくいきます（Chrome 24.0.1312.56、Windows 7）：

ctx.imageSmoothingEnabled = false;
ctx.webkitImageSmoothingEnabled = false;
ctx.mozImageSmoothingEnabled = false;
于 2013-01-29T14:03:55.777 に答える