問題タブ [camanjs]

CamanJS Web サイト ( http://camanjs.com/guides/#BasicUsage ) の例は次のようになります。

私は自分のイメージの 1 つを使用して、JSBin ( http://jsbin.com/uGUPOFo/3/edit?html,js,output ) でこの非常に最初の非常に基本的な例を実行しようとしました

しかし、それは何もしません。誰かが私が欠けているものを知っていますか? ドキュメントには、「jQuery、YUI、Scriptaculous、MooTools などの隣で」実行できると書かれています。最新の 1.x jQuery を読み込んでみましたが、効果がありませんでしたが、これらのいずれも使用したくありません。

私はpsdを持っており、そのpdfに設定されたフィルターをキャンバスに適用したいと考えています。そのために CamanJS ライブラリを使用しています。

しかし問題は、Photoshop と Canvas では範囲が異なることです。変換しようとしましたが、Photoshop と同じ結果が得られません。

そのための変換ツールがあれば、どんな考えでも。

たとえば、Photoshop では色相は 0 から 360 の範囲です。Canvas では 0 から 100 です。

このタスクを簡単にすることができれば、他のライブラリを使用することにオープンです。

これが私の入力画像です。

そして、これが私が達成したいことです。

前もって感謝します。

caman jsを使って作成したいです。ここのページの例が気に入っています。私はこのような非常に単純なものを自分で始めようとしました

上記のコードは（明るさを変更して）正常に動作しますが、2 つの問題があります。最初に、画像を元に戻すときにいくつかの不具合が発生し (パラメーターは false ですが)、次に、レンダリング機能のためにスライダーを移動するときに遅延が発生します。バーの動きに不具合が生じないようにレンダリングするにはどうすればよいですか。彼らの例ではとてもスムーズです。コードを読んでみましたが、なぜ開発者が fgh を変数名として使用するのかわかりません :)。私はjscriptの初心者段階です。このラグはなぜ起こるのでしょうか？

ボタン/スライダーを使用して一部の画像を変更するために、Caman ( http://camanjs.com/ ) 画像ライブラリを使用しています。問題は、変更が行われるたびに画像がちらつくことです。

コード例:

ドキュメントによると、caman.revert(false)再レンダリングせずに画像を元に戻す必要がありますが、効果が再度適用される前に、おそらく 0.1 秒間画像が元に戻ります。

Chrome と Firefox の両方でテスト済み。これは Caman (またはブラウザ) のバグですか、回避策はありますか、それとも他のアイデアはありますか?

Web サイト ( http://camanjs.com/examples/ ) の例はちらつきませんが、JS は縮小されていてわかりにくいため、何が起こっているのかわかりません。

ありがとう！

iPad や iPhone の Safari / Chrome などのモバイル デバイスで CamanJS スクリプトを実行する際に問題が発生し、何日も解決しようとしています。

テスト スクリプトは非常に単純です。1) ブラウザー ファイルで選択した画像を受け入れる 2) FileData を使用して画像ソースを取得し、それをキャンバスに描画してから、Caman("#sample") オブジェクトをインスタンス化します 3) フィルターを実行します (その画像の onLoad、またはボタンをクリックして手動で)

すべてのデスクトップ ブラウザーで問題なく動作し、フィルターも正常に適用されますが、iOS Safari などのモバイル デバイスで試してみると、Caman オブジェクトをインスタンス化しようとすると、既存のキャンバス #sample が空白になり、元の状態に戻ります。キャンバスのデフォルトの背景色で、画像はまったく読み込まれていません。イメージがキャンバスに描画される前、イメージ onLoad、またはキャンバス イメージが正常に描画された後にオンデマンドで Caman オブジェクトをインスタンス化しようとしましたが、最終結果は同じです - キャンバスが空白になります。

以下は私のサンプルコードです、誰かアドバイスしてもらえますか? 親切なお力添えありがとうございます。