問題タブ [paperjs]
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.
javascript - アニメーション用グラフィックスの累積スケーリング
paper.js を使用して図形の変換をアニメーション化するのに役立つ小さな JavaScript ライブラリを作成しようとしていますが、残念ながら、この種のグラフィックス/数学は私の強みではありません!
フレームごとに小さな変換を行うことで、平行移動や回転などの単純な変換を実装できましたが、形状を累積的にスケーリングするための計算を行うことはできません。
たとえば、翻訳アニメーション コードの大まかな疑似コード バージョンは次のとおりです。
各フレームのスケール量を計算する方法がわからないため、この種のアプローチをスケーリングに機能させる方法を理解できません。誰かがこれについて何かアドバイスがあれば、それは大歓迎です! 上記の粗末な疑似コードではなく、実際のコードを見たい場合は、github にあります: https://github.com/jordanwallwork/paper.animate/blob/master/paper.animate.js
編集：剪断にも同じ問題があります！
asp.net-mvc-4 - paper.jsスクリプトを使用してアクションが実行された同じページを開く別のユーザーにキャンバスの描画を表示するように設定する方法
HTMLのキャンバス領域での描画に役立つasp.net mvc4アプリケーションでpaper.jsを使用しています。私の要件に対するあなたのサポートが必要です: 自分のキャンバスに描画するとき、これらの描画を、インターネット経由で同じページを開いた他のキャンバスに表示したいと考えています。Paper.js は、表示中のアイテムにアクセスするための project.activeLayer というグローバル変数を提供します。アクティブな Layer から cavnas データを JSON 形式で保存し、このデータをサーバー通信で送信します。同じデータを使用してキャンバス内のビューを再構築するにはどうすればよいですか? ? (または) データを送信せずにこれを行う方法はありますか?
ありがとう、サーボブ。
html - html5キャンバスをクリアしてから、再初期化します
ユーザーが折れ線グラフを描画して、実際のグラフにどれだけ近いかを確認するアクティビティに取り組んでいます。動作していますが、キャンバスの「リセット」についてサポートが必要です。クリアすることはできますが、ユーザーが再試行できるように、クリアした後で再初期化する必要があります。
これが私がこれまでに持っているリセットコードです：
私はコーダーではないので、このコードを一緒にハッキングしました。それが最善の方法でない場合は、簡単に行ってください。誰かがこれを行うためのよりクリーンでより効率的な方法を持っているなら、私はすべての耳です！
前もって感謝します。S
canvas - webapp のインタラクティブ画像の最も反応の良い方法
インタラクティブな画像に基づくインターフェイスを持つ Web アプリを構築しようとしています。各画像には、クリック可能/タッチ可能/ハイライト可能な領域が 10 ～ 200 個あり、不規則な形状 (地図のようなものと考えてください) があります。
<canvas>svg 画像、イメージマップ、要素、または paper.js や raphael などの JavaScript ライブラリなど、 これを行ういくつかの方法を見ることができます。私の質問は、どの方法が最も反応が良いでしょうか? また、Flash は完全に除外しています。
レスポンシブとは、次のことを意味します。
- 読み込みが速く、すぐに触れたりクリックしたりできる
- クリックされた瞬間の反応時間 (多くの地域がある場合、クリックが特定の地域にあったかどうかを判断するために、一部のライブラリでは処理時間がかかる場合があると思います)
- 各領域をすばやく強調表示および非強調表示できます
javascript - paper.js + soundmanager サウンド表現
サウンドマネージャーが提供するキャンバスデータにライブで描画し、 http://paperjs.org/tutorials/animation/creating-animations/#moving-multiple-itemswaveformDataのように滑らかに動くイコライザーラインのように見せたい です。問題は、すべてが再描画され、あまり滑らかに見えないことです。それを改善する方法はありますか？
`
canvas - ![]()
タグなしでpaper.jsのラスターコンストラクターのパスを指定できますか
paper.jsでラスターコンストラクターの画像パス（URLまたはローカル）を指定することは可能ですか？
javascript - JavaScript 以外のスクリプトの Eclipse 構文の強調表示を有効にする
Web 開発者ツールを使用して Eclipse で html ファイルを編集している場合、Eclipse は<script type="text/javascript">タグ内のすべてが JavaScript であることを認識し、構文の強調表示などの適切なヘルパーをオンにします。
ただし、次のようなタグ内のテキストを編集するときに、同じヘルプが必要です。
このタグ内のテキストを JavaScript として認識するように Eclipse に指示するにはどうすればよいですか?
html5-canvas - paper.jsを使用してマウスドラッグ中にパスの幅（長方形、円）のみを変更する方法
次の方法でサイズ変更を行ったpaper.jsを使用して、キャンバス内のアイテムの幅のみのサイズ変更に固執しましたが、長方形/円の中心から左側と右側の両方のサイズが変更されます。
上記のコードは、両方のx方向にサイズ変更されます。
一方向にのみ幅のサイズを変更するのを手伝ってください。
ありがとう、
スリバブ。
javascript - paperjsを使用してキャンバスの座標系を変換します
状況に応じて、キャンバスの左上が（0,0）以外になるように、paperjsでキャンバスの座標系を変換する必要があります。座標を変更することで、レンダリングされたビュー全体を変換したいと思います。paperjsでそれを行うことは可能ですか？