0

Paper.js ライブラリを調べています。チュートリアルの最初のコード例は問題なく動作します。しかし、2 番目のコード スニペットのように、インライン JavaScript を外部ファイルに移動すると、画面に何も表示されなくなります。myScript.jsで、試しました

paper.install(window);
window.onload = function() {
 // Create a Paper.js Path to draw a line into it:
    var path = new Path();
    // Give the stroke a color
    path.strokeColor = 'black';
    var start = new Point(100, 100);
    // Move to start and draw a line from there
    path.moveTo(start);
    // Note the plus operator on Point objects.
    // PaperScript does that for us, and much more!
    path.lineTo(start + [ 100, -50 ]);

    }

そしてjQueryを使って

$(document).ready(function(){
 // Create a Paper.js Path to draw a line into it:
    var path = new Path();
    // Give the stroke a color
    path.strokeColor = 'black';
    var start = new Point(100, 100);
    // Move to start and draw a line from there
    path.moveTo(start);
    // Note the plus operator on Point objects.
    // PaperScript does that for us, and much more!
    path.lineTo(start + [ 100, -50 ]);

    });

成功しませんでした。私は何を忘れましたか？助けてくれてありがとう

4

2 に答える 2

0

http://paperjs.org/tutorials/getting-started/using-javascript-directlyに記載されているように、paperscriptファイルを参照するか、javascriptを直接使用するために必要なフープをジャンプする必要があります。

これがjquery、paper、coffeescriptを使ったフィドルで、いくつかのアイデアが得られるかもしれません：http: //jsfiddle.net/tATps/

$('#foo').text(paper);
canvas = $("#myCanvas")[0];
paper.setup(canvas);
path = new paper.Path.Rectangle(10, 10, 20, 10);
path.strokeColor = "black";
paper.view.draw();

path = new paper.Path.Circle(40, 40, 20);
path.strokeColor = "black";
paper.view.draw();

tool = new paper.Tool()

@view = paper.view
size = view.size
@normalCenter = view.size.divide 2

tool.onMouseMove = (event) =>    
    view.zoom = 2 # yes, I set the zoom every time instead of once.  lazy.
    p = event.point.clone()
    p.x = Math.max p.x, 0
    p.y = Math.max p.y, 0
    movement = @normalCenter.subtract(view.center )
    movement = movement.add p.subtract(@normalCenter).divide(2)
    view.scrollBy(movement)
    $('#foo').text([p, view.center])
于 2013-03-07T19:32:12.310 に答える