html2canvasスクリーンショットの問題、クロスドメインの画像に先頭の空白ショット

、機能H5のスクリーンショットの共有を行うために数年前にこのプロジェクトは、html2canvasプラグのスクリーンショット機能を使用して達成されていますが、生と死のクロスドメインの画像が出てきません

 

 数日グーグルBaiduのと維持しようとした後、最終的に解決策を見つけた、と二人精神的に疲れピットの合計を経験しました。

ピット：

　　クロスドメインのロゴと2次元コードのすべての出る共有し、

1は、サーバー上のIISにHTTPレスポンスヘッダを必要とし、最もシンプルで、粗な方法は、*にすべての設定されていますが、このセキュリティが低い場合、あなたは自分のニーズに応じて設定することができます。

アクセス制御-許可-資格情報：真
アクセス *： -制御は-ヘッダを許可
アクセス -control-許可起源：*

2、さらにhtml2canvas useCORSパラメータの設定：

html2canvas（document.getElementsByClassName（ 'codediv'）[0]、{ 
                useCORS：真、
                allowTaint：偽
            }）。次に、（関数（キャンバス）{ 
                
            }）;

ピット：時々脳を表示ロゴを表示せずに、二次元コードの表示：

ソリューション：

以上の二段階を設定するには1、最初の必要性

2は、crossorigin =ラベルに「匿名」のimgプロパティを提供しています。

 

 3、IMG SRCの後に（私はそれがされていない、この中で立ち往生されています）パラメータを追加する必要があります。