ブラウザで画像のサイズを変更します。 すべてが悪化する可能性があります







この万葉に会いましょう。 マニャーアは恐ろしい病気に襲われ、今あなたの助けが必要です。 Manyaは普通の女の子、元気な幸せな子供に育ちました。 しかし、一年ちょっと前に、 医者は彼女にひどい診断をしました -エイリアシング。 そして、彼女はこのように見え始めました。













結局のところ、画像のサイズ変更アルゴリズムを保存し、最も低品質のフィルターを適用することを決定したブラウザーメーカーの欲望と欲望は非難するものでした。 それからマヌーは救われました-彼女は連続した複数の複数の削減の過程を経て、エイリアシングを減らし、以前の鋭さを戻しました。 しかし今、彼女は再び危険にさらされています。







今年、何が変わったのですか? 良いニュースは、キャンバス上のラスタライズ画像の品質を制御するために設計された標準があることです 。 ニュースはさらに良いです。この標準はブラウザに実装されています:バージョン9.3のMobile Safariとバージョン9.1のデスクトップ。 そして、得られた結果から判断すると、 high



値はバイキュービックまたは非常に類似したフィルターを使用した畳み込み法に対応します。 つまり 結果は本当にとても良いです。 前の記事で拷問されたコードif ('imageSmoothingQuality' in context)



し、同じプロパティが他のブラウザーに表示されるのを待つことができるようです。 しかし、何かがうまくいきませんでした。













何かがうまくいかず、別の攻撃がマニャを攻撃しました-マニャは石鹸になりました。 GoogleはMashaにも驚きを準備しており、目的のプロパティを実装し、しばらくの間chrome://flags/#enable-experimental-canvas-features



下に隠していますchrome://flags/#enable-experimental-canvas-features



フラグ。 それは実装されたばかりで、誠意を持ってではなく、何でもあります。 正確で明確な正統的な畳み込みの代わりに、ゲームで使用されているhigh



価値の手法を使用します:画像のスーパーサンプリングを使用して、 ミップレベルが作成され、次に、最も安価なレベルが、固定数のソースポイントを使用して同じ安価な方法を使用してサイズ変更されます。







この方法がゲームで機能するのはなぜですか? 2つの理由があります。 まず、動的なゲームでは、せっけんであるかどうかにかかわらず、各テクスチャを個別に考慮する時間がありません。 全体像と特殊効果は、そのような些細なことよりもはるかに知覚に影響を与えます。 2番目:非常に厳しい時間制限。最終画像のサイズ(ゲームの場合は画面解像度)に対するこの方法の一定の複雑さが非常に役立ちます。







この方法がグラフィックアプリケーションのサイズ変更に適していないのはなぜですか? はい、これはまったくサイズ変更メソッドではないので、こんにちは。 これは2つのソリューションのアプリケーションであり、いずれも品質要件を満たすことができず、そのうちの2つだけです。 入力パラメータに関する結果の数学的正当性も安定性もありません。 たとえば、幅244ピクセルにサイズ変更された画像は、このようなものではない場合があり、243にサイズ変更されたものはすべて石鹸になります。 さらに、これは、この機会のために特別に作成されたimageSmoothingQuality



プロパティでは受け入れられません。 まあ、私がhigh



設定した場合、おそらく私は正確に良質が必要であることを意味します。 既存のソリューションをいじくり回すことで達成できるよりも悪い結果をもたらすのに、なぜ新しいプロパティを実装するのでしょうか? たとえば、右側では、Manyaは、連続する非倍数の2つの削減によって重み付けされています。 絶対に健康で幸せな子。













突然、幼い子供たちに同情と同情を感じないなら、ここに友人のマネキン、マンドリル・ププシャがいます。 彼は同じトラブルに苦しんだ。 左から右へ:















ここでどのように支援できますか? たとえば、このために作成されたバグレポートにアスタリスクを入れてください。 これがどれほど効果的かはわかりませんが、他に何も考えられません。







この機能がChromeの安定バージョンに移行するとどうなりますか? 機能を単にチェックする代わりに、ユーザーエージェントのチェックをブロックするか、Safariでもすべてのユーザーに対してこの機能を無効にする必要があります。 正しいアイデアが思い浮かびました。ユーザーエージェントにChromeという単語がないという事実について、今すぐ確認する必要があります。 Chromeが修正され、安定バージョンにこの不名誉がない場合は、有効にすることができます。 ただし、クライアントの1人がコードをダウンロードした場合、禁止されているChrome Manyaがリリースされても、問題は発生しません。







使用済みイメージを1回2回取得するには、 テストベンチ 、および順次縮小のウィジェットを使用します。








All Articles