問題タブ [camanjs]

みんな、これに本当に苦労していますが、何日も試してみましたが、うまくいきませんでした。camanjsで画像を操作し、canvas.toblob()でディスクに保存しました。コードは次のとおりです。

画像が保存されると、.greyscale 効果と .noise() 効果で保存されますが、render() 関数内で画像に加えた変更は画像に存在せず、方法がわかりません。これを乗り越えて、.reloadCanvasData() を使用しようとしましたが、うまくいきませんでした。適切に使用していないと思います。解決策がある人はいますか?

編集済み：網膜のバグであることが判明しました。他の画面では再現できません。

Caman() を初期化するときに Camanjs クリア キャンバスを参照しますか? そこに投稿されましたhttp://jsfiddle.net/m1erickson/R4kJM/ CamanJS は、データの引数でキャンバスを受け入れる必要があります。エールの文書は、この事実を確認したようです。しかし、どういうわけかフィドルが機能していません。CamanJS が初期化されると、青色のものが消えます。

再びコード: http://jsfiddle.net/m1erickson/R4kJM/

HTML:

JS:

ユーザーが画像をアップロードする Web サイトの構築を開始しています。などの画像用の機能豊富なエディターを追加したいと考えてadding image filters, cropping, resizing, rotating, changing brightness, hue, saturation, different blur effectsいます。

fabricjsとcamanjsのどちらがこれらの要件に適していますか? Fabric には github でより多くの貢献者がいて、Caman には当てはまらない最近の活動が良好です。また、開発中に問題が発生した場合に備えて、適切なサポートまたはコミュニティを希望します。

Camanjs の例: http://camanjs.com/examples/
Fabric の例: http://fabricjs.com/image-filters/

これら 2 つのライブラリのいずれかを使用する際に、使用するライブラリと短所があれば提案してください。

新しいレイヤーを適用した後、camanjs で作成されたキャンバス (canvas.toBlob() を使用) をダウンロードしようとしています。レイヤーを適用せずに画像をダウンロードすることしかできません。右クリックして [名前を付けて保存...] を選択すると、正しい画像を取得できますが、ダウンロードしたファイルが正しくありません。

Ruby on rails を使用して AJAX で画像を保存する方法がわかりません。これは github の私のリポジトリです。github.com/luis77/EdiTor22 を確認してください。 . たとえば、ビューの添付ファイル/新規を確認してください。これは、ajax コードを使用した JavaScript のコードです。

ルートで指定されています：

およびコントローラーのメソッド、

しかし、保存されません。このコードについて助けが必要です。助けてください。

JavaScript 変数を Rails Controllerに渡したいと考えています。興味深いのは、変数が の内部Canmanで生成され、外部では (まだ) 使用できないことです。

これはおそらく単なる JavaScript であり、必ずしも Canman とは関係ありません。しかし、ここで何が起こっているのかわかりません。

私が従っているアプローチ（ただし、より良い方法があれば完全にオープンです）は、コントローラーからパラメーターを介してデータにアクセスするためだけに、隠しフィールドにjQueryを入力することです。

可能であれば (そしてこれが良い方法である場合)、フォームを避けて、クリック時に JavaScript を呼び出して、その変数をコントローラーに渡したいと思います。

意見

JavaScript

投稿コントローラー

post_params

また、オプションとして AJAX リクエストを行うこともできると読みました。ただし、それをどのように進めるかはまだわかりません。

ある時点で、hidden_​​field の代わりに text_area を試してみました。text_area には適切なデータが取り込まれました。ただし、params はデータを取得しませんでした。ブラウザのボタンから戻った場合、データは text_area にあり、送信をもう一度クリックすると、期待どおりにパラメータが入力されます。

前もって感謝します！

rails4 プロジェクトの 1 つで、canvas で caman js 画像フィルタリングを使用しています。Caman js color はキャンバス全体に影響を与えますが、私の要件はキャンバスの特定の複数領域に影響を与えることです。以下のリンクをたどってください。

http://www.awesomescreenshot.com/image/1020085/180e6924d5e297ecbbffcefb27f08dad

http://www.awesomescreenshot.com/image/1020089/32d7354ae98bd9bdd96b0649e16fa6db

この問題を解決するには、あなたの助けが必要です。前もって感謝します ：）

webworker で画像を処理するための caman.js ライブラリを使用できますか? 私の知る限り、WebWorker はドキュメント操作を含むコードを実行できません。ワーカーでドキュメントを操作するようなコードを実行するにはどうすればよいですか?

ユーザー画像のスライダーを表すwix.comのアプリケーションに取り組んでいます。最近、このプロジェクトのためにインスタグラムのような画像フィルターを作成するタスクがあり、最初のアイデアは、この目的のためにキャンバスを使用すること、特に CamanJS を使用することでした。そして、質問のタイトルからわかるように、キャンバスのクロスオリジンの問題に行き詰まりました。

私はsvgjsとそのフィルターを使用しようとしましたが、ローカルホストではリモート画像にはうまく機能しますが、wixでは機能しません(おそらく、私たちのプロジェクトが書かれたAngularでは機能しません)

また、 http://crossorigin.me/を試して、すべての画像リンクに追加しましたが、何も起こらないようです.CamanJSは、このプロキシがない場合と同じように画像を壊します.

誤解しないでください。私は 4 つの異なる js ライブラリをテストし、すべてキャンバス操作で構築しました。

この問題を回避する別の方法はありますか? PHPプロキシについて聞いたことがありますが、webdevで少し経験がありました（約4か月）ので、使用方法がわかりません。