2016-11-29 16 views
0

通常、それは逆ですが、私は特別な子供です。イメージをCSSに変換するには

だから私は、最も効率的な方法は、CSSレンダリング画像に画像全体を変換することだったと思いまして、私は

画像

を(PHPの画像を使用してはJPEGから作成)になるだろう方法を作りました

そのループ内で、画像

ループ像の高さの幅/高さを取得 - 幅ループのループ幅

、現在POSITIの色を取得します上の(現在のループの繰り返し/高さループ反復(X、Y))DIVにおける ディスプレイ(幅= 1ピクセル、高さ= 1ピクセル、RGB(R、G、B))

しかし、それは取るように見えます実際にレンダリングするのに時間がかかります。何百万ものdivが1つのイメージをレンダリングするのではなく、何千ものディスプレイを表示しているので、画像からhex/rgb colorsを取得する別の方法があるのだろうかと思いました。ように

- データの画素を表示するための最も簡単な方法を探して、私はなど、データを保持することを意図しているためdivは、そのための最善ではない理解が...

+0

datauris、base64を使用してください。それをバックグラウンドとして追加します。たくさんのオンラインコンバータがあります。私はまた、イメージを最初に最適化することを提案します。この[オプティマイザ](https://tinypng.com)とこの[converter](https://duri.me)を試してみてください。私は自分自身を使っていて、かなり良いです。 – pol

+1

[画像をCSS3に変換できますか?](http://stackoverflow.com/questions/18171889/can-i-convert-an-image-to-css3) – MYGz

答えて

関連する問題