きっかけ

元々、ブログのアイコンは他人のベクターvector画像外部JavaScriptを参照していました。ちょうど昨日、授業中に暇だったので、いつか外部呼び出しが停止してアイコンが表示されなくなることを恐れ、アイコンをローカライズlocalizeして、自分のアリババベクターvector画像プロジェクトに追加しようと思いました。

経緯

最初は混在したJavaScriptに全く手掛かりがなく、ダウンロードしてフォーマットformatして見ても関連情報は見つかりませんでした。

その後、アリババベクターvector画像プロジェクトの管理画面にあるオンラインリンクlinkの中にJSON設定ファイルがあるのを見つけました。これにはベクターvectorアイコン関連の情報が記録されており、外部呼び出しのJavaScriptで要求するJavaScriptファイルをJSONに変更するだけで、相手のベクターvectorアイコン設定ファイルを取得できることがわかりました。

例： at.alicdn.com/t/font_2489793_cwzf3desb3s.js そのJSONを取得するには、以下のようにします。 at.alicdn.com/t/font_2489793_cwzf3desb3s.json

設定ファイルを受け取ると、icon_idというものがあり、これがアイコンの一意のIDIDであると直感しました。IDIDでアイコンを検索できるはずですが、アリババベクターvectorアイコンライブラリlibraryは名前検索しか提供しておらず、無数の同名アイコンの中から探すのは、大海で針を探すようなものでした。

すぐにインターネットInternetで検索しましたが、IDIDでベクターvector画像を検索する関連APIや関連ドキュメントは見つかりませんでした。様々な「dalao大老」（達人）に尋ねてみましたが、関連する解決策は得られませんでした。

その後、コンソールconsoleでicon_idを入力して検索すると、各アイコンがクラスclassで対応するIDIDスタイルを参照していることがわかりました。このIDIDを変更してみましたが、反応はありませんでした。

ちょうど下校時間になり、午後いっぱい試行錯誤しましたが成果がなく、諦めてタブtabを閉じようとしたとき、突然「クリックclickイベントでコレクションに追加されるのだから、クリックclickイベントにicon_idが含まれているのではないか」という考えが頭に浮かびました。案の定、それで見つけることができました。

手順

1. まず、追加したいアイコンの設定ファイルを開きます。

2. ベクターvectorアイコンライブラリlibraryから任意のアイコンのIDIDを取得します。

3. 検索してダウンロードボタンbuttonのクリックclickイベントを見つけます。

4. 既存のIDIDを、ライブラリlibraryに追加したいアイコンのIDIDに変更します。

その後、ダウンロードをクリックします。

元のアイコンが、取得したいアイコンに変わっていることがわかります。

「お気に入り」をクリックし、お気に入りの中から順に自分のプロジェクトに追加すれば完了です。

最後に、お気に入りのアイコンを自分のプロジェクトに無事追加できたことをお祝いします。

これは最も不器用な方法かもしれませんが、それでも非常に実用的です。