問題タブ [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.

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

javascript - excanvasを使用したPaper.js

私はpaper.jsが大好きになりましたが、IE8をサポートしていないことに気付いた後、paper.jsをexcanvasと一緒に動作させることができるかどうか疑問に思いました。誰かがこれをテストしましたか、そして利用可能な例はありますか?

ありがとうございました。

0 投票する
2 に答える
4691 参照

paperjs - paper.jsレイヤーの非表示/表示?

多くのシンボルを含むレイヤーがあり、すべての要素を含むレイヤー全体を非表示にして表示したいと思います。

非表示にするmyLayer.remove();方法はありませんが、表示する方法はありません...
彼らのチュートリアルではproject.activeLayer.addChild(myObject);、レイヤーでは機能しないようです。(http://paperjs.org/tutorials/project-items/project-hierarchy/)

誰かが私を助けてくれるか、別の方法で行う必要があるかどうか教えてくれますか?

どうもありがとうございました。

0 投票する
2 に答える
161 参照

html - ブラウザがキャンバス (paperjs) をサポートしているかどうかを判断します

ブラウザがキャンバス(paperjs)をサポートしているかどうかを判断するにはどうすればよいですか?

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

image - PaperJs を使用してキャンバス イメージを動的に更新する

ハンドラー (asp.net) を指す src を持つイメージ要素があり、このイメージは、グローバル オブジェクトとして定義され、window.load 中に更新されるラスター (PaperJs) オブジェクトのソースとして使用されます。

上記のコードは、最初の読み込み時にイメージをキャンバスにロードし、コールバック コントロール (ComponentArt コールバック コントロール) に関連付けられているボタンのクリックによってイメージ要素が更新されますが、キャンバスはそうではなく、空白で表示されます。

次に、コールバックが完了した後に呼び出されるハンドラーを作成しましたが、それも機能しませんでした。

0 投票する
2 に答える
207 参照

opera - オペラのエラー paper.js ファイル

私はいくつかの紙のスクリプトを持っています。私は最後のバージョンのオペラ (12.0) をインストールしましたが、このバージョンは paperjs をサポートしていません。

リンクされたスクリプトのコンパイル。読み込み中の 7633 行目の構文エラー: 文字列リテラル内: スクリプトの予期しない終了 "\f";case"0":return"

私はそこからファイル paper.js をダウンロードしました: http://paperjs.org/download/ 他のブラウザでは、私のペーパースクリプトは動作し、エラーではなく、エラーはオペラでのみ発生します。誰かが知っているなら、教えてください、オペラは何をしたいですか?

0 投票する
2 に答える
1883 参照

paperjs - Paper.js:画像を拡大縮小するとぼやけてしまうのはなぜですか?

Paper.js:画像を拡大縮小するとぼやけてしまうのはなぜですか?コード

ここに画像の説明を入力してください

画像は3000x2500ピクセルで、境界線と画像自体がぼやけています。スケールを使用しない場合、画像は鮮明です。

さて、私はこのようなアニメーションを作成しました:

スケールが上下に適用されるため、これはちょっと奇妙です。したがって、指数曲線がありますが、これは私が思っていたものではありません。したがって、より良い方法は次のとおりです。

このようにして、画像は各フレームで0.99に再スケーリングされます。それでも、200回の反復の後、画像は非常にぼやけてしまいます。

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

html - 最初のページ ロードの下でレンダリングされたキャンバス ラインが、上記よりも忠実度が低いのはなぜですか?

paper.js を使用して html5 図面を管理しています。Chrome でページの下部をリロードしてこの行を表示すると、明らかです。

画像1

一番下でリロードすると、上下にスクロールでき、線は忠実に維持されます。

しかし、ページの上部をリロードして下にスクロールすると、次のように線がギザギザになり、アンチエイリアス処理されていないように見えます。

画像2

奇妙なことに、最初にページの上部にロードした後、上下に数回スクロールすると、忠実度が低下します。

画像3

これは Safari でも発生し、Firefox でも発生しますが、ほとんど目立たない程度です。これは、一番下にロードすると、ロードより上のすべての dom 要素がページのロード時にレンダリングされるという事実と関係があると思います。一方、上部にロードすると、要素はスクロールしてビューに表示されたときにのみレンダリングされます (スクロール イベントと戦って、CPU の再描画を行いますか?)

しかし、ページの読み込み時にすべての dom イベントが確実にレンダリングされるようにするためにできることはありますか? $(document).ready で初期描画関数を既にラップしています。

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

javascript - PaperScript / Javascript で画像を作成できませんか?

var imageObj = new Image();[Paperscript][1] のような HTML5 キャンバスの画像を作成できないようです。Paperscript は Javascript の上に構築する必要があるため、なぜ機能しないのかわかりません。

@ Alex Wayne - キャンバスに画像が表示されない.. "script type="text/paperscript" canvas='canvas'" を "script type="text/javascript" canvas='canvas'" に変更すると、画像が表示される戻る

@ジェームズ-それをよりよく理解するのに役立つリンクを教えてもらえますか?

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

javascript - paper.jsを使用して、ポイントテキストをキャンバスに挿入すると、他のアイテムが押しのけられます

長方形とポイントテキスト要素を作成しようとしています。長方形がテキスト要素のコンテナになります。

テキスト要素がないと、すべてが正常に機能します。テキスト要素が挿入されると、長方形が押しのけられます。さて、長方形は正しい位置に表示されますが、イベントを受け取るポイントは押しのけられます。

http://jsbin.com/abejim/1をご覧ください

ホバーすると、長方形の視認性が向上します。ホバリングは影響しませんが、マウスを580,280前後に移動すると、視認性が向上します。

助言がありますか?

0 投票する
2 に答える
389 参照

javascript - 一意の変数の作成

Javascript の私の基盤は最強ではありません。私が自分のために作成した現在の課題について、他の人がどのように対処するのか興味があります。

paper.jsで遊んでいます

次のコードはこれを作成しますスクリーンショット

目は、ここの目と同じようにマウス イベントに反応します (そのコードから学習) — www.arc.id.au/XEyes.html

ここに私が持っているものがあります:

ページ全体を目で埋めようとしています。私の最終目標は、次のようなものを作成することです。

最終結果

私の質問は、インタラクティブな複数の目を作成するための最良の方法は何かということです。

「for」をいじってみましたが、onMouseMove 関数は最後に作成された Eye にのみ適用されます。

paperjs item.clone も検討しています — paperjs.org/reference/item#clone

それとも、それぞれの目に固有の変数を作成するのは私の問題ですか?

要求された for を使用したコードは次のとおりです。