paperjs

    0

    1答えて

    私はバニラ<canvas>からpaper.jsライブラリを使用しています。この動作は重複していないようです。 ストロークとフィルの2つの別々のパスを作成する以外に方法はありますか? 本当に簡単な例として、すべてのパスは塗りの上にストロークを描画します。 let p = new Path.Circle(new Point(0, 0), 1); p.strokeColor = '#FF000

    1

    1答えて

    Paper.jsのコードを使用して画像を読み込んでいます。しかし、私は画像のサイズを変更したいと思います。私はイメージを拡大/縮小するのではなく、サイズをイメージに設定します。イメージのwidthとheightをPaper.jsに設定する方法はありますか? JS var raster = new Raster({ source: 'http://assets.paperjs.org/im

    0

    1答えて

    これでpaperjsに何かを描こうとしていますが、その形状は単なる正方形や円よりも少し複雑です。 var path_tank_left_track = new Path({ segments: [[0,0], [10, 0], [10,40], [0,40]], strokeColor: 'black', closed: true }); var path_tank_rig

    2

    1答えて

    ペーパーポイントとパスの間の距離を取得できますか? const point = new Point([100, 200]); const path = new Path(); path.strokeColor = 'black'; path.add(new Point(30, 30)); path.add(new Point(100, 100));

    1

    2答えて

    私は丸められた四角形を円形に変換する必要がある特定のアニメーションに取り組んでいます。私はpaper.jsのドキュメントをチェックしており、これを達成するための事前定義された関数が見つかりませんでした。 - > アニメーションは滑らかにする必要があります。私が扱っている長方形の数が非常に多いので、「現在の丸められた丸を削除し、もう1つ丸めたバージョンを再描画する」メソッドを使用することはできません

    0

    1答えて

    私は信じられないほど馬鹿だと感じますが、半時間ほど試してみると、私は諦めます。 paper.jsのonResize()イベントで長方形のサイズを変更するにはどうすればよいですか? 私はすでにonResize()機能が付属しているthis exampleを試していますが、私は成功していません(右上のSourceボタンをクリックしてサンプルを編集できます)。 現在のリサイズ機能は次のようになります。

    1

    1答えて

    マウスをクリックしてドラッグしたときに、マウスで作成したベクトル線に沿って円の数をn個作成します。 これにより、行内の円の数に応じて一定の距離だけ離れた円の行が作成されます。最初と最後の円は、マウスを最初にクリックしてから離したところにあります。 例:行が1000pxで、3つの円が必要な場合は、0px 500pxと1000pxの円があります。行の長さが1000pxで、5つの円が必要な場合は、0px

    0

    1答えて

    paperjsを使用しています。ユーザーが線を描画するときに、以前描画した線と交差したときに停止します。これは私の現在のテストコード: tool.minDistance = 1; var path; var drawing = false; function onMouseDown(event) { if (!drawing) { startLine(event);

    0

    1答えて

    これは私のJavascript(paperjs)コードの抜粋である:それは警告与え var symbol = new Symbol(path); から 「コンストラクタとして記号を使用しないでください」は、私がここで何ができる何かがあります、その警告を取り除く? Documentation The following syntax with the new operator will thro

    1

    1答えて

    私のコードはとても簡単です。チュートリアルからまっすぐ持ち上げてください。ここでのindex.htmlです: <!DOCTYPE html> <html> <head> <!-- Load the Paper.js library --> <script type="text/javascript" src="js/paper-full.js"></script> <!-- Load e