問題タブ [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 - excanvasを使用したPaper.js
私はpaper.jsが大好きになりましたが、IE8をサポートしていないことに気付いた後、paper.jsをexcanvasと一緒に動作させることができるかどうか疑問に思いました。誰かがこれをテストしましたか、そして利用可能な例はありますか?
ありがとうございました。
paperjs - paper.jsレイヤーの非表示/表示?
多くのシンボルを含むレイヤーがあり、すべての要素を含むレイヤー全体を非表示にして表示したいと思います。
非表示にするmyLayer.remove();
方法はありませんが、表示する方法はありません...
彼らのチュートリアルではproject.activeLayer.addChild(myObject);
、レイヤーでは機能しないようです。(http://paperjs.org/tutorials/project-items/project-hierarchy/)
誰かが私を助けてくれるか、別の方法で行う必要があるかどうか教えてくれますか?
どうもありがとうございました。
html - ブラウザがキャンバス (paperjs) をサポートしているかどうかを判断します
ブラウザがキャンバス(paperjs)をサポートしているかどうかを判断するにはどうすればよいですか?
image - PaperJs を使用してキャンバス イメージを動的に更新する
ハンドラー (asp.net) を指す src を持つイメージ要素があり、このイメージは、グローバル オブジェクトとして定義され、window.load 中に更新されるラスター (PaperJs) オブジェクトのソースとして使用されます。
上記のコードは、最初の読み込み時にイメージをキャンバスにロードし、コールバック コントロール (ComponentArt コールバック コントロール) に関連付けられているボタンのクリックによってイメージ要素が更新されますが、キャンバスはそうではなく、空白で表示されます。
次に、コールバックが完了した後に呼び出されるハンドラーを作成しましたが、それも機能しませんでした。
opera - オペラのエラー paper.js ファイル
私はいくつかの紙のスクリプトを持っています。私は最後のバージョンのオペラ (12.0) をインストールしましたが、このバージョンは paperjs をサポートしていません。
リンクされたスクリプトのコンパイル。読み込み中の 7633 行目の構文エラー: 文字列リテラル内: スクリプトの予期しない終了 "\f";case"0":return"
私はそこからファイル paper.js をダウンロードしました: http://paperjs.org/download/ 他のブラウザでは、私のペーパースクリプトは動作し、エラーではなく、エラーはオペラでのみ発生します。誰かが知っているなら、教えてください、オペラは何をしたいですか?
paperjs - Paper.js:画像を拡大縮小するとぼやけてしまうのはなぜですか?
Paper.js:画像を拡大縮小するとぼやけてしまうのはなぜですか?コード
画像は3000x2500ピクセルで、境界線と画像自体がぼやけています。スケールを使用しない場合、画像は鮮明です。
さて、私はこのようなアニメーションを作成しました:
スケールが上下に適用されるため、これはちょっと奇妙です。したがって、指数曲線がありますが、これは私が思っていたものではありません。したがって、より良い方法は次のとおりです。
このようにして、画像は各フレームで0.99に再スケーリングされます。それでも、200回の反復の後、画像は非常にぼやけてしまいます。
html - 最初のページ ロードの下でレンダリングされたキャンバス ラインが、上記よりも忠実度が低いのはなぜですか?
paper.js を使用して html5 図面を管理しています。Chrome でページの下部をリロードしてこの行を表示すると、明らかです。
一番下でリロードすると、上下にスクロールでき、線は忠実に維持されます。
しかし、ページの上部をリロードして下にスクロールすると、次のように線がギザギザになり、アンチエイリアス処理されていないように見えます。
奇妙なことに、最初にページの上部にロードした後、上下に数回スクロールすると、忠実度が低下します。
これは Safari でも発生し、Firefox でも発生しますが、ほとんど目立たない程度です。これは、一番下にロードすると、ロードより上のすべての dom 要素がページのロード時にレンダリングされるという事実と関係があると思います。一方、上部にロードすると、要素はスクロールしてビューに表示されたときにのみレンダリングされます (スクロール イベントと戦って、CPU の再描画を行いますか?)
しかし、ページの読み込み時にすべての dom イベントが確実にレンダリングされるようにするためにできることはありますか? $(document).ready で初期描画関数を既にラップしています。
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'" に変更すると、画像が表示される戻る
@ジェームズ-それをよりよく理解するのに役立つリンクを教えてもらえますか?
javascript - paper.jsを使用して、ポイントテキストをキャンバスに挿入すると、他のアイテムが押しのけられます
長方形とポイントテキスト要素を作成しようとしています。長方形がテキスト要素のコンテナになります。
テキスト要素がないと、すべてが正常に機能します。テキスト要素が挿入されると、長方形が押しのけられます。さて、長方形は正しい位置に表示されますが、イベントを受け取るポイントは押しのけられます。
http://jsbin.com/abejim/1をご覧ください
ホバーすると、長方形の視認性が向上します。ホバリングは影響しませんが、マウスを580,280前後に移動すると、視認性が向上します。
助言がありますか?
javascript - 一意の変数の作成
Javascript の私の基盤は最強ではありません。私が自分のために作成した現在の課題について、他の人がどのように対処するのか興味があります。
paper.jsで遊んでいます
次のコードはこれを作成します
目は、ここの目と同じようにマウス イベントに反応します (そのコードから学習) — www.arc.id.au/XEyes.html
ここに私が持っているものがあります:
ページ全体を目で埋めようとしています。私の最終目標は、次のようなものを作成することです。
私の質問は、インタラクティブな複数の目を作成するための最良の方法は何かということです。
「for」をいじってみましたが、onMouseMove 関数は最後に作成された Eye にのみ適用されます。
paperjs item.clone も検討しています — paperjs.org/reference/item#clone
それとも、それぞれの目に固有の変数を作成するのは私の問題ですか?
要求された for を使用したコードは次のとおりです。