問題タブ [pixastic]

画像が入ったキャンバス要素があります。

ボタンをクリックすると、キャンバス内の画像を回転させようとします。

画像が 1 回回転し、もう一度ボタンをクリックしても何も起こりません。

問題が何であるか知っていますか？

画像をぼかすために次のコードを試しましたが、うまく機能します。しかし、要素がクリックされたときに元に戻したいのですが、どうすればよいですか?

これが私のコードです。何が間違っていますか? 現在、画像はブラウザに表示されていますが、明るくなっていません...

これが私のHTMLコードで、ダウンロードサイトから構築されたcustom.jsファイルにリンクされています（コアと軽量化が含まれています）

Javascript の「pixastic.custom (5)」ファイルは、コア コードと「明るくする」フィルタのみを使用して Pixastic から作成されました。このコードは、Mozilla ブラウザのキャンバスに画像を再描画するように機能しますが、フィルタリングはしていません。HTML5 はキャンバスをコーディングし、キャンバスに画像を描画し、Javascript フィルターを介して画像をキャンバスに再描画し、そこで明るくすることになっています.これは意味がありますか?

以下は私のコードです：

私のコードをご覧いただきありがとうございます...なぜそれが機能しないのか本当にわかりません。すべてが同じディレクトリにあり、すべてが一致しています。コードは PIXASTIC サイトから HTML5 Canvas フレームワークと結合され、すべてがスムーズに動作するはずです...

Pixastic とキャンバス リスナーの間に奇妙な競合があります。

キャンバスで Pixastic 関数を使用すると、この操作後のキャンバスのリスナーが機能しません。Pixastic プラグインを使用してキャンバスを分析したところ、pixastic が tabindex などの属性をいくつか追加したことがわかりました (リスナーと競合していると思われます)。

これは前後の私のキャンバスです:

私が使用するリスナーはmousedown、、、mouseupですmousemove。誰かが私を助けることができますか？

pixastic ブラーファスト関数にイージングを適用することは可能ですか?

ボタンをクリックすると、その上にさらにコンテンツを重ねてぼかしたいフルスクリーンの背景画像があります。

私は現在これを行っています（jqueryを使用）：

これはぼかしにはうまく機能しますが、すぐに起こります。この効果をある種のイージングでフェードインさせることは可能ですか?

以前に Flash でこの効果を実行したことがありますが、これは JavaScript での最初の試みです。

pixastic以外で可能な場合は、別のjsライブラリを使用することにオープンです

ありがとう

読み込み時に彩度を下げ、ホバー時に色を付ける必要がある一連の画像があります。私はこれを試しましたが、ホバーは機能しませんが、ロード時の彩度の低下は機能します:

ここで他の投稿を見てきましたが、どれも機能していないようです。
私は何を間違っていますか？

Pixastic プラグインを使用して 2 つの画像をブレンドしようとしています- これが私のコードです。

これらの画像は動的になります。テストが機能しない理由はよくわかりません。正しくコーディングしたとは思えないため、何か間違ったことをした可能性があります。これは jQuery プラグインで動作する必要がありますか?

誰かが2つの画像でブレンドモードを動作させる方法を説明できますか?そのうちの1つは不明ですが、IDは修正されていますか?

だから私は画像をぼかすためにPixasticblurfastメソッドを試してみたいと思います。ドキュメントで提供されているコードは次のとおりです。

しかし、私がこのように私のページでそれを試すとき：

それは単に何もしません。

私もそれをこのように呼ぼうとしましたが、結果はありませんでした：

エラーもスローしません！

何が起こっているのかを理解しようとしimgました。では、新しい画像が作成されます。の画像.divが読み込まれるとすぐに、Pixasticが起動し、新しく作成された画像にぼかし効果が追加されます。これで、画像は子として適用され、src属性を取得します。

お気づきかもしれませんが、そこには論理的なエラーがいくつかありますが、これを明確にすることはできません。上記のコードでimgは、常に同じであるとは限らないと思います。変数である場合もあれば、img-tagからの実際の画像である必要がある場合もあります。これは本当ですか？それとも、あなたを襲う他の何かを見ますか？なぜ機能しないのですか？

現在、私は画像操作用の Web サイトを構築しており、Pixastic のほとんどの機能を使用していますが、それらは非常に優れています。ただ、クロッピング機能の改善はないかと考えていました。

Pixastic でトリミング機能を使用できますが、カーソルを介して画像をトリミングしたいと考えています。次のような位置の値を入れたくありません。

};

しかし、offset()、e.pageX、e.pageY、mousedown()、mouseup()など、jqueryを使って位置の値を取得する方法が分からなかったので、トリミングにはJcropを使うことにしました. しかし、あなたの誰かが私がこれを理解するのを手伝ってくれるなら、それはとても素晴らしいことです.

これは私のJcropコードです:

これらのJcropコードは、領域を選択して位置の値を教えてくれますが、トリミングの方法や機能に設定できるボタンが表示されなかったので、PixasticとJcropのように組み合わせることができないか考えていましたこれ：

};

Jcrop が位置の値を教えてくれれば、それらの値を Pixastic の cropImg 関数に入れるだけでよいと考えていました。

Pixastic のコードと Jcrop のコードを別々に 2 つのファイルに入れましたが、どうやっても連携できません。画像を選択できても Pixastic の機能がまったく機能しないか、Jcrop が機能しません。

したがって、トリミングを機能させる方法を知っている人がいれば助けを求めています。あなたの答えに感謝します!! 質問を明確に説明していない場合、およびこれを解決するために必要な情報を教えてください。

事前に感謝し、そのような長い質問を申し訳ありません. すてきな一日を！！

PS HTML、CSS、Javascript を 1 か月前に学習したばかりですが、他のプログラミング言語はまったく知らないので、詳しく説明したり、簡単な答えを教えていただければ助かります。