JavaScript - これらの画像効果を実現する方法を教えてください

http://www.louisvuitton.cn/im...

画像のサイズを変更するには、上の画像アドレスを開いて wid=500&hei=500 を設定します。どのようなテクノロジーが使用されていますか?

返信内容:

http://www.louisvuitton.cn/im...

画像のサイズを変更するには、上の画像アドレスを開いて wid=500&hei=500 を設定します。どのようなテクノロジーが使用されていますか?

応答ヘッダーからはサーバーによって生成されるため、ページ js を通じて制御されません。バックエンドは URL パラメーター (GD ライブラリなど) に基づいて画像をリアルタイムで生成します。

nginx 画像のトリミング、以前にも遭遇したことがあります。ここを参照してください

cdn

私は以前に Alibaba Cloud を使用したことがあり、パラメータを渡すと、画像はパラメータに従って処理されます。

https://www.aliyun.com/produc...

PHP には画像処理 GD があり、空のレイヤーを作成し、そこに画像をコピーして出力を生成します。

nginx は画像をトリミングし、画像サイズは設定で指定されます

PHP を使用している場合は、URL に基づいて軽量の画像処理ライブラリを使用するために直接使用できる、この側面に関するプロジェクトがあります

渡されたパラメータはサーバー側で取得され、対応する属性に基づいて タグが生成され、フロントデスクに返されます

例: リーリー

対応する属性を画像に追加します

サーバーは出力タイプを直接設定します

たとえば、以下の図のアドレスは次のとおりです: http://bing.ioliu.cn/v1?w=500...

res.header('content-type', 'image/jpg');

実装コード: https://github.com/xCss/bing/...

もちろん、上記のバージョンも利用可能です: https://github.com/xCss/bing/...

リーリー

Nodejs写的，你想要的PHP注:

バージョンは、Qiniu Cloud Storage の画像処理を通じて実装されています。ポータル: http://developer.qiniu.com/co...

---

nodejs

フロントエンドの適応画像サイズに関する一連の回答を書きました。書き終えた後、間違った問題を見直していたことに気づきました。 。 。 上の人が正しいです！ ⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄

NGINX トリミングに関係する GD ライブラリは、パラメーターごとに異なる画像を出力するだけではありませんか?そもそも技術なんてあるのか？