nodeサーバはどうやってロゴと背景があるパラメータの二次元コードを生成しますか?
2600 ワード
WeChatの開発は,パラメータ付きの二次元コードを取得し,これはWeChatのドキュメントで容易に実現できる.今の需要は二次元コードにロゴを付けて、ロゴを入れた二次元コードを一枚の大きな図に入れて、三枚の国の写真を合成します.
1、gmライブラリ
nodeサーバにgmライブラリを追加します.
2、Graphics MagickまたはImageMagickを取り付ける
第一段階においてインストールされたgmライブラリで使用される方法は、この2つのソフトウェアに依存するものであり、本質的にはgmがこの2つのソフトウェアに関する命令を実行することによって画像を操作するためである.ここで注意したいのですが、テストが準備されている時に、エラーでコマンドが見つからないかもしれません.この時、環境変数が設定されているかどうかを確認します.2、コンピュータを再起動したかどうかは、前の段階でGraphics Magickをインストールする過程で自動的に環境変数を設定しましたが、私が呼び出した時は機能しませんでしたので、再起動して、再テストすればいいです.
3、コードコール
gm参考資料添付
GitHub gmは簡単でわかりやすく、npm gmを使いやすいです.
何か質問やアイデアがあれば、メッセージ、ブーツを歓迎します.
1、gmライブラリ
nodeサーバにgmライブラリを追加します.
2、Graphics MagickまたはImageMagickを取り付ける
第一段階においてインストールされたgmライブラリで使用される方法は、この2つのソフトウェアに依存するものであり、本質的にはgmがこの2つのソフトウェアに関する命令を実行することによって画像を操作するためである.ここで注意したいのですが、テストが準備されている時に、エラーでコマンドが見つからないかもしれません.この時、環境変数が設定されているかどうかを確認します.2、コンピュータを再起動したかどうかは、前の段階でGraphics Magickをインストールする過程で自動的に環境変数を設定しましたが、私が呼び出した時は機能しませんでしたので、再起動して、再テストすればいいです.
3、コードコール
var gm = require('gm')
gm().in('-page', '+0+0')//-page , , 、
.in('Images/bg.png')// , , ,
.in('-resize', '200x200')// ( )
.in('-page', '+100+100')//
.in('Images/qrcode.png')//
.in('-page', '+75+75')//logo
.in('Images/logo.png')//logo
.mosaic()//
.write('Images/final.png', function (err) {//
if (!!err) {
console.log(err);
} else {
console.log('ok');
}});
画像は地元の画像でなければなりません.ネットの画像なら、まず地元にダウンロードして、どうやって現地にダウンロードできますか?この方法をクリックして複数の画像を合成できます.下にパラメータを加えるだけでいいです.以上は画像の合成方法だけです.gmには他にもいろいろな方法があります.gm参考資料添付
GitHub gmは簡単でわかりやすく、npm gmを使いやすいです.
何か質問やアイデアがあれば、メッセージ、ブーツを歓迎します.