問題タブ [camanjs]

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.

0 投票する
0 に答える
249 参照

javascript - このjQueryイベントで、CamanJSが実際に画像の色相を変更するdata-caman値を設定するにはどうすればよいですか?

同じ画像の異なる部分を個別に変更できるように、2 つの画像を重ね合わせています。

これにより、次のような要素として、色相が変更された両方の画像が正常に出力されます。

...しかし、「button2」がクリックされると、これ:

文字どおり属性を に変更するだけですdata-caman="saturation(0) brightness(0) hue(70)"。CamanJS によって解析されず、元の画像が表示されるだけです。

をクリックbutton2して、関数に適切な範囲の数値を生成させ、画像の色相をリセットし、プロセスのためにページを更新することなくこれを繰り返すことができるようにしたいと思います。それ以外の場合は、PHP で色相値を生成するだけで済みます。ページが読み込まれるたびに。

関数を使用して実際に値を変更するにはどうすればよいですか? それが不可能な場合、私がやろうとしていることを達成するための良い代替手段は何ですか?

0 投票する
0 に答える
82 参照

javascript - CamanJS this.channels は例外をスローしますが (「機能はありません」)、レイヤーの外で動作します

複数のレイヤーを持つcamanjsで画像を操作しています。サブレイヤーの外側でコマンドを実行するとカラーチャンネルを変更できますが、レイヤーで.channelsを使用しようとすると「チャンネルは関数ではありません」というJSエラーが表示されます.

0 投票する
1 に答える
677 参照

camanjs - Camanjs で複数の変更を適用する適切な方法

CamanJS には、いくつかの効果と新しいレイヤーを追加する例があります。

それは正常に動作します。以前にレイヤーを追加した画像に他のパラメーターを指定してこのコードを再度呼び出して、2 番目のレイヤーを追加しようとしましたが、最初のレイヤーが消えてしまいました。

Web サイトには、単一の効果を追加する方法の例もあります。それらは優れていますが、一度に 1 つのフィルターしか呼び出しません。

私が達成したいのは、ユーザー設定に基づいて、たとえば1つのレイヤー、2つのレイヤーを追加するか、不透明度と新しいレイヤーを適用することです。

また、最後のフィルタリングによる画像効果ではなく、ベース画像で毎回動作するようにしたいと思います。

では、CamanJS を使用してユーザー設定に応じて複数のフィルターとレイヤーでベース イメージを変更する適切な方法は何ですか?

0 投票する
0 に答える
742 参照

javascript - Android で CamanJS が非常に遅い

IonicAngularJSを使用して Android 用の Web アプリケーションを開発しています。

HTML:

JavaScript:

たとえば、8 メガピクセルで写真を撮り、ビンテージ フィルターを実行すると、処理が完了するまでに 14 秒以上かかります。それは長すぎます。ユーザーはそれを 14 秒間待つことはなく、例の instagram のフィルターは即座に実行されます。

たとえば、200 x 200 ピクセルのような小さな写真も、完了するのに 3 ~ 4 秒かかります。

どうしてそんなに時間がかかるの?その解決策はありますか?

0 投票する
1 に答える
471 参照

jquery - レスポンシブ イメージで機能しない CamanJs で jCrop を使用する

現在の画像を編集するために CamanJs (画像操作ツール) を使用しています。http: //v2-demos.jcrop.org/demos/camanjs.htmlこのソースに従って、jCrop をトリミング目的で CamanJs と統合しました 。正常に動作していますが、問題は固定幅の画像で動作していることです。しかし、レスポンシブ画像でこれを行う必要があります。ここにライブ URL があります: http://128.199.175.24/editimg/crate-editor-popup.html そしてここにスクリプトがあります: http://128.199.175.24/editimg/js/corpCaman.js

CamanJs はリモート ドメインからの画像をサポートしていないと思うので、jsfiddle を作成できませんでした。

また、画像を操作するためのより優れた jquery ツール (クロップ、明るさ、色相、ぼかしなど) が他にある場合は、その提案をお願いします。

ありがとう