これはかわいいです、 私はキャンバス画像に問題があります。 (securityError) 私は訪問カードを設計するためのツールを構築しました。ここでは、テキスト用のキャンバスとロゴ用のキャンバスを使用します。ロゴの画像を挿入することなく、すべて正常に動作します。しかし、イメージを挿入すると、securityErrorが返されます。 (当初はそれも働いていましたが、私は単にその問題につながる変化を把握できません)。今は、html2canvasをajax経由でphp-fileに送る前にhtml2canvasを作成しようとしました。しかし、それと同じ問題です。ロゴなしで動作していて、ロゴを挿入するとsecurityErrorがスローされます。これは私を最も混乱させています。 私はすべてを自分のサーバーに設定しました。 URLは:http://obs-design.de/visitenkarten/ 画像を追加するには、テキストキャンバスのいずれかをdobleclickし、エディタ上の画像アイコンをクリックします。 先に進むと、元のアプリの下にhtml2キャンバスが表示されます。 (ここにはまだ画像あり)。アップロードされた画像ファイルは、http://obs-design.de/visitenkarten/canvasimg/visitenkarte.pngで呼び出すことができます(画像が含まれていない場合に限ります)。 誰かが私のヒントを持っていますか?前もって感謝します。canvas-images(securityError)
答えて
body要素にhtml2canvas()
を呼び出しているためです。
文書には、適切なCORSヘッダーがロードされていないhttps://code.jquery.com/ui/1.12.0/themes/base/images/ui-icons_444444_256x240.png
への参照が含まれています。
簡単な修正は、#innerbox
要素のhtml2canvasを呼び出すことです。 文書のこの部分では、キャンバスを汚染するものは何もありません。あなたは任意のエクスポートメソッドを呼び出すことができます。
属性を持たないキャンバス要素もあります。そのコンテキストに描画されるメディアリソースには、適切なクロスオリジン要求が提供されている必要があります。キャンバスレベルではできません。
ありがとうございました。今はすべて正常に動作します。 – barfly
こんにちはかご - まず私はすべてが大丈夫ですが、そうではありません。以前と同じように、時にはうまくやってしまいました。私はキャンバス(html2canvasによって作られたもの)とイメージの有無の違いを理解できません。これら2つのキャンバスの違いはどこですか?私はcrossOriginをヘッダーのようにのように含めました。これは本当に正しいですか?どこにどのようにCORSヘッダーを含めるのですか?あなたの助けを前にありがとう。 – barfly
corsヘッダーは、キャンバスに描画するメディアをホストするサーバーによって送信されます。サーバーがcrossOrigin要求を受け入れるように設定されていない場合、あなたは不運です。 srcを設定する前にimgタグにcrossIrigin属性を設定して、サーバーがcorsを遵守していることを知るようにする必要があります。 – Kaiido
- 1. フラッシュエラー:SecurityError#2000
- 2. Firefox 49 SecurityError - jquery.activity-indicator-1.0.0.min.js
- 3. 例外SecurityError:エラー#2000:アクティブなセキュリティコンテキスト
- 4. アンドロイドAS3 - "例外SecurityError:エラー#2070:セキュリティサンドボックス侵害:"
- 5. SecurityError:操作が安全でない - window.history.pushState()
- 6. Knockout ko.toJSON原因SecurityError権限拒否エラー
- 7. SecurityError(DOM Exception 18):操作が安全でない
- 8. Loader.load()でSecurityError#2070および#2000を処理する方法
- 9. angularjs 2:SecurityError:実行に失敗しました
- 10. flexモバイル - bytearrayからイメージをロード - エラー#2044:未処理のsecurityError
- 11. Uncaught SecurityErrorポートの問題:Iframeのサイズ変更
- 12. Loader-Class - SecurityError:エラー#2000:アクティブなセキュリティコンテキストがありません
- 13. SecurityError:エラー#2000:外部swfファイルをインポート中にアクティブなセキュリティコンテキストがありません
- 14. SecurityError:操作が安全ではありません。ファイルをアップロードする
- 15. Flash Playerがソケットポリシーファイルサーバーに接続しません - SecurityError#2048を与えます
- 16. サンドボックスに関するFlash SecurityError。 loadPolicyFileに強制しますが、動作しませんでした。
- 17. crossdomain.xmlにもかかわらず、AS3ローダーによってsecurityError#2044が発生する
- 18. mxmlcコマンドラインで未処理のsecurityErrorですが、CS5またはFlash Builder 4にはありません
- 19. キャッチされない例外SecurityErrorが「歴史」on「にpushState」を実行に失敗しました:URL
- 20. AWS S3の画像にBitmapData.draw()を使用すると、SecurityErrorになります。エラー#2122:セキュリティサンドボックス違反
- 21. コンテキスト内チェックアウト:キャッチされない例外SecurityError:ブロックされた起源を持つフレーム:checkout.js:4734スローエラー
- 22. キャッチされない例外SecurityError:「歴史」オン「replaceState」の実行に失敗しました:原点に文書で作成することができない「NULL」
- 23. Objective-C指定した項目がキーチェーンに既に存在しています[iOS]
- 24. WPF:タッチから画像を指定する
- 25. このクラスにテキストを抽出するにはどうすればいいですか( "メッセージ": "Uncaught SecurityError: 'Location'の 'href'プロパティを設定できませんでしたか?)
- 26. クライアント証明書iOS
- 27. SecPKCS12 p12が空のパスフレーズを要求するときのインポート
- 28. p12ファイルからnsdataを読み取ったときの識別情報を抽出します
- 29. iPhoneでクライアント証明書を使用した認証ができません
- 30. SecPKCS12Importで正しいp12ファイルをインポートする方法
最初に、あなたは[質問する](http://stackoverflow.com/help/how-to-ask)ページに飛ぶことができます... – Teemu
こんにちは@barfly、お会いできてよかった! :) ...セキュリティエラーステートメントを含めてください。 –
エラー文は次のとおりです。[link] SecurityError:操作が安全ではありません。 エラーソース行: \t var canvasData = canvas.toDataURL( "image/png");しかしカイードの助けを借りて私はそれを修正することができましたが、今はすべて正常に動作します。とにかくおかげさまでありがとうございました。 barfly – barfly