問題タブ [pixastic]

ユーザーがJqueryUIスライダーを動かしたときに画像が特定の値に自動的にぼやけるように、 Pixastic jsライブラリを使用して画像を編集しようとしています。このcoffeescriptを使用して、スライダーを使用して画像の不透明度CSS値を調整するために、これを既に機能させています。

しかし、Pixasticライブラリを使用して基本的に同じことをしようとすると、サイコロはありません:

Pixastic.process($("#img_16"), "blurfast", { amount: ui.value})このコードの奇妙な点は、スライダーが「フリーズ」することです。ページをロードすると、スライダーはデフォルト値の「0.5」のままで移動できません (ただし、コードをコメントアウトすると移動します)。通常は再び）。

これは私のコードの問題ですか、それとも Pixastic ライブラリの使用方法の問題ですか?

Pixastic ライブラリを使用して画像編集ツールを追加する作業を行っています。アイデアは、ユーザーが選択ボックスから必要な画像またはツールの側面を選択できるということです。ツールは選択ボックスの下に表示され (私はselect2を使用しています)、ユーザーはスライダーを介して編集できます。これが私がこれまでに持っているものです：

これは、ツールが選択されたときに、編集ツールの名前と選択ボックスの下に正しいスライダー div を追加することに成功しますが、私が本当に望むのは、その特定のツールと画像のスライダー関数を動的に作成することです (上に複数の画像があります)。それぞれ独自の編集ツールベルトを備えたページ)。「ぼかし」ツールで機能するスライダー関数は次のとおりです。

次のように imageToolsList を展開する方法はありますか。

imageTooler次に、div およびスライダー div で行われているように、各ツールの jQuery スライダー関数を動的に作成します。

Canvas (Pixastic) で CORS 対応の画像を使用できません。

私が持っているサーバー上で

私のhtaccessファイルに。

クライアント側では、次のように HTML で crossorigin 属性を設定しようとしました。

成功せずに。その後、Pixasticのコードで試しました:

どちらも機能しません。

クロムのキャッシュも無効にしましたが、役に立ちません。

Chrome はログを記録しています:

HTMLは問題ないように見えても（crossorigin属性が設定されている）、画像ヘッダーは問題Access-Control-Allow-Originないように見えます（ ）。

残念ながら、ご想像のとおり、このアプリは本番環境からかけ離れているため、リンクを提供することはできません。

画像を循環させて背景画像をぼかしようとしていますが、問題は最初の画像のみをぼかし、次の画像はぼかしません。

明るさ、コントラスト、彩度の低下などの効果を備えたシンプルな画像エディターを作成しました。www.pixastic.com からこの pixastic 関数を使用しました。機能は正常に動作していますが、元の画像をエフェクト付きの調整済み画像に置き換える方法がわかりません。これが私が使用したコードです

ユーザー検索条件を指定して、サブセットを表示する必要があるディスク上に数千の画像があります。これが意味することは、一度に 100 個を表示できるということです。各画像は大きく、正確には 3510x1131 です。また、表示する前に軽い画像処理を行う必要があります (明るさとコントラストを調整します)。

これを行うための私のアプリケーションは、jQuery を使用する Web.API アプリです。

私の最初のパスは、URL をブラウザーに渡し、画像のサイズを変更し、pixastic を使用してそれらの調整を行うことでした。動作しますが、かなり遅いです。

調整を行う前に画像のサイズを変更できればはるかに高速になると考えていましたが、コピーを作成してそれらにリンクしたくありません。その場で画像を生成して提供する方法はありますか？おそらくREST経由ですか？結論として、CSS を使用して幅と高さを設定するだけでなく、損失のある画像のサイズ変更が必要です。

私が不足しているツールはありますか、または誰かが同様のことをしましたか? 私が探しているのはGoogleの画像検索結果とまったく同じだと思います-しかし、それらがそれらのサムネイルをどのように生成するかはわかりません-そして、明るさ/コントラストを調整する場合、サムネイル(時間の節約)またはフルサイズでそれを行っていますか?画像？

Pixastic を使用して画像の彩度を下げようとしています。公式 Web サイトからスクリプトをダウンロードし、必要なもの (コア、jquery プラグイン、彩度の低下効果) のみを確認しました。

jQuery の .ready 関数内に含めたことを除いて、デモに表示されているのと同じコードを使用してみましたが、これは問題を引き起こすとは想定されていません。

しかし、私はいつも同じエラーを受け取ります: この操作は安全ではありません. エラーは、374 行目の Pixastic js ファイルから発生します。

私はローカルワンプサーバーで開発しています。

私が間違っていることについて何か考えはありますか? ご協力いただきありがとうございます ！:)