在jQuery getJSON之後加載PaperScript

我想將一篇論文JS Path作爲getJSON回調。我的代碼工作正常，但要渲染路徑，我必須將鼠標懸停在<canvas>上方。該腳本也應該在移動設備上工作，所以我需要在沒有鼠標交互的情況下使頁面加載腳本起作用。這是我的代碼：在jQuery getJSON之後加載PaperScript

$(function() { 
    paper.install(window); 
    var jsonURL = "http://www.domain.com/file.json"; 

    $.getJSON(jsonURL, function (data){ 
     paper.setup('myCanvas'); 
     var point_1_x = data['point1']['x']; 
     var point_1_y = data['point1']['y']; 
     var point_2_x = data['point1']['x']; 
     var point_2_y = data['point1']['y']; 

     var myPath = new Path(); 
     myPath.strokeWidth = 10; 
     myPath.strokeColor = 'black'; 
     myPath.add(new Point(point_1_x,point_1_y)); 
     myPath.add(new Point(point_2_x,point_2_y)); 

     paper.PaperScript.load(); // I tried this one 
    } 
});

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="UTF-8"> 
    <title>Tool</title> 
    <link rel="stylesheet" href="css/styles.css"> 
    <script src="//code.jquery.com/jquery-1.12.0.min.js"></script> 
    <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/paper.js/0.9.25/paper-full.js"></script> 
    <script type="text/javascript" src="mypaperscript.js"></script> 
</head> 
<body> 
    <div class="wrapper"> 
     <canvas id="myCanvas" keepalive="true"></canvas> 
    </div> 
</body> 
</html>

來源

2016-01-20 Adrian Engel

您是否可以在[小提琴]（https://jsfiddle.net/）中複製您的問題？ – Yass

@Stormblessed它是：[link]（https://jsfiddle.net/shr1k3/oqr1skhu/） –

問題解決了：

添加paper.view.update（）;到getJSON（）的結尾;

來源

2016-01-21 12:33:42

在jQuery getJSON之後加載PaperScript

回答

相關問題