問題タブ [todataurl]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - 他のサーバーの URL を使用して、独自の PHP ページから画像を返す方法
次のように、変数の url で指定された他のサーバーから画像を返す PHP ページを作成するにはどうすればよいですか。
http://www.mypage.com/MyScript.php?src=http://www.otherpage.com/image.png
そのページに移動すると、画像が表示されます。
他の src でも機能する必要があります。
（なぜこのようなのですか？http://www.mypage.com/MyScript.php?src=http:// www.otherpage.com/image.png (キャンバスで使用される画像ソースとして)
fabricjs - canvas.toDataURL から Wordpress ライブラリへ
イメージを編集/作成するためにfabricjsを使用しています...イメージを作成した後、WordPressライブラリにアップロードする必要があります。私が得ることができるこれに打たれます
ポップアップでもプレビューを見ることができます..しかし、ダウンロードせずに画像に変換してWordPressライブラリにアップロードすることに感銘を受けました。
ありがとう
google-chrome - jpeg をエクスポートするときに、Chrome の toDataUrl 品質パラメータが有効にならない
Chrome で使用するcanvas.toDataURL('image/jpeg', 1)と、画像が少し失われますが、Firefox では、デフォルトの品質値 0.92 を使用しても、ほとんど損失がなく、問題ありません。Chromeで品質を設定してもうまくいかないようです。
image - Load Event on Image はモバイル ブラウザーでは機能しません
FileReader API を使用して、ユーザーが写真をアップロードし、変更をコミットする前に写真のサムネイルを表示できるようにする次のスクリプト (この質問のために削除) があります。
これを Mac OS X (および Windows XP & 7) で Chrome を使用してテストすると、Safari と Opera は img.onload = (function(){ }); がなくても完全に動作します。しかし、画像がロードされる前に、ソース画像が空のキャンバスに割り当てられていたため、Firefox で必要でした。
素晴らしいので、SafariとChromeを使用してiPhoneでこれをテストするまで、すべてデスクトップで動作していました. デバイスで直接デバッグできないため、アラートを使用して、ソース画像が空のキャンバスに割り当てられていることを示すことができました。これは img.onload = (function(){ }); しかし、明らかにこれはモバイル ブラウザでは機能しません。
img.onload = (function(){ }); の代わりに次のことを試しました。
そしてさえ
誰かにアイデアや提案があれば、助けていただければ幸いです。ありがとう。
javascript - キャンバスから画像を保存するときに拡張子がありません
このコードを使用して、Javascript で画像を保存します。
コードは機能しますが、保存されたファイルには拡張子がありません。手動で名前を変更する必要があります。
私の質問は、拡張子を最後に付けるにはどうすればよいですか?
ありがとうございました。
javascript - Header add Access-Control-Allow-Origin "*" toDataURL が機能しない
これは、Webサーバーの画像フォルダーにある.htaccessファイルにあるものです
JS ファイルで次の行も使用しimg.crossOrigin = 'Anonymous';ますが、それでもエラーが発生します。
実際の例はここにあります: http://jsfiddle.net/burton22/48JmQ/13/
エラーのコンソールを見てください。
画像の src 属性を に変更すると機能しますimg.src = "http://goo.gl/AOxHAL"が、サーバー上の画像では機能しません。理由はありますか？
編集：htaccessファイルでこれを使用しようとしても、同じエラーが発生します
javascript - Javascript: キャンバスを Chrome で画像に変換する
次のコードは IE では正常に動作しますが、Chrome では動作しません (バージョン 31.0.1650.63 m)。
エラー メッセージ: 'HTMLCanvasElement' で 'toDataURL' を実行できませんでした: 汚染されたキャンバスはエクスポートされない可能性があります。
ここで同様の質問をたくさん見ましたが、答えが見つかりませんでした。どんな助けでも大歓迎です。
javascript - Javascript: CORS 対応の画像
Canvas (別のドメインの画像を含む) を Image に変換できるようにしたいと考えています。これには、CORS対応の画像を使用する必要があることを理解しました（キャンバスに.toDataURL（）を使用できるようにするため）。問題は、CORS 対応のイメージを作成する方法です。次のコードは、最初の行でエラーをスローします: Cross-Origin Resource Sharing ポリシーによって拒否された Cross-Origin image load.
html - toDataURL() で「image/jpeg」を渡すと、品質が失われますか?
toDataURL() メソッドの最初の引数として「image/jpeg」を渡すと、html5 キャンバス データをサーバーに保存しようとしていますが、品質が失われましたか?
画像pngで同じ品質を維持するにはどうすればよいですか
javascript - Canvas を使用してサーバーにデータを送信する
キャンバス KineticJS でいくつかのオブジェクトをドローしてみ
canvas.toDataURL("image/png");
ましたが、送信ボタンをクリックしたときにパラメーター値を取得する方法がわかりません サーバーにいくつかのパラメーターを送信したいのですが、
ありがとう