我正在嘗試直接將 paper.js 與 javascript 一起使用：http: //paperjs.org/tutorials/getting-started/using-javascript-directly/
并且無法使漸變起作用。這條線不是顏色漸變，而是看起來是黑色的。這適用于所有形狀，所以我很確定我以某種方式錯誤地設定了 paper.js。任何幫助，將不勝感激！
這是一個示例代碼塊：
paper.install(window);
window.onload = function() {
// Setup directly from canvas id:
paper.setup('myCanvas');
var path = new Path();
path.strokeColor = {
gradient: {
stops: ['blue', 'red']
},
origin: new Point(350, 0),
destination: new Point(0, 350)
};
path.strokeWidth = 5;
path.add(new Point(350, 0));
path.add(new Point(0, 350));
view.draw();
}
jsfiddle：https ://jsfiddle.net/3p1sr68n/2/
uj5u.com熱心網友回復：
在您的示例中，您將庫參考為
<script type="text/javascript" src="js/paper.js"></script>
但是 jsfiddle 不知道帶有 path: 的本地斷言js/paper.js。
代碼片段不作業，因為paper.js沒有加載。
為了使其適用于jsfiddle環境，您可能希望包含庫的 CDN 托管版本：
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/paper.js/0.12.15/paper-full.min.js"></script>
jsfiddle 中的作業示例
js/paper.js或者使用托管在本地主機上以及路徑下的庫在本地主機上運行您的原始代碼片段。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/421944.html
標籤：