問題タブ [image-rendering]

PNGファイルを表示しようとしているRailsアプリがありますが、次のエラーが発生します:

私は追加しました：

config/initializers/mime_types.rb に

コントローラーでpngファイルを参照してレンダリングしています：

編集 ：

これはコントローラーのメソッドです

終わり

私のウェブサイトのユーザーに、画像をキャンバスに印刷すると、サイズが大きくなるにつれて品質が低下することを説明する必要があります. これを行う方法は、画面に表示される画像の解像度を意図的に下げることです。なぜこのようになるのかについての免責事項を示します。

画像のレンダリングについて聞いたことがありますが、私が見たすべての例は、当然のことながら、画像のサイズを大きくしたときにブラウザー全体で画像を改善することについてでした。画像を同じサイズに保ちながら解像度を下げる方法はありますか? css、JavaScript、PHP を喜んで使用します。

私の Angular2 アプリケーションでは、Uint8Array 形式の画像を表示したいと考えています。しかし、「Maximum Call Stack Exceeded」が表示されます。サイズが ~48Kb の画像をエラーなしでレンダリングできました。しかし、画像サイズが ~300Kb を超えると、このエラーが発生します。これは私が画像をレンダリングする方法です:

誰かが私が正しい方法でそれを行っているかどうか教えてください。そうでない場合は、正しい方法を教えてください

UIGraphicsImageRendererUIImageが iOS 10 で新しく導入されました。これを使用して (任意のカスタム角度で)を回転させる可能性があるかどうか疑問に思っていました。には古典的な方法があることを知っていCGContextRotateCTMます。

WebGL での画像レンダリングに問題があります。キャンバス全体を占めるクワッドと、クワッド全体にマップされるはずのテクスチャを備えたキャンバスがあります (正しいテクスチャ座標を設定しました)。

画像は、RGB データを (この順序で) 含む Uint8array であり、画像は 1024*768 ピクセルです。私は正しいバッファを持っています。画像へのリンクはこちらです。

問題は次のとおりです。WebGL にレンダリングすると、画像のサイズのキャンバスがある場合でも、画像がぼやけてぼやけてしまいます。以下の結果を参照してください。

コードについて: テクスチャ ハンドルを作成するために使用するコードは次のとおりです。

データは次のようにテクスチャにロードされます。

最後に、使用するフラグメント シェーダーを次に示します。

フィルタリングからスタイルオプションの画像レンダリングピクセル化の設定、画像をRGBAに変換してRGBA値を与えるまで、多くのオプションを試しましたが、結果は常に同じくだらないテクスチャレンダリングです。キャンバスがテクスチャとまったく同じサイズであっても、WebGL がデータを正しく補間していないようです。

誰にもヒントはありますか？

前もって感謝します。