paperjs

0熱度

2回答

我想在Openlayers地圖上增加一些動畫。我試過D3，但D3特別是SVG。我已經嘗試過D3和Leaflet，並有一些結果，但我更喜歡ol3。所以，我做了一些測試與PaperJS，但是我想我有一些範圍有關的問題。 This is what I've got so far。正如你所看到的onFrame監聽器永遠不會到達。所以我需要通過canvasFunction廣播動畫聽衆，但我不知道如何。

0熱度

1回答

動畫Paper.js路徑段和處理信息

我試圖在使用Paper.js和Tween.js的兩個複雜路徑之間進行動畫處理。我已經非常接近了，我可以將路徑中的所有點移動到正確的最終位置，但是我對每個段的handleIn和handleOut都有問題。它似乎沒有更新它們。這裏是我的代碼：http://codepen.io/anon/pen/rVBaZV?editors=101 var endPathData = 'M740,342.9c-32,

1熱度

2回答

原型方法返回「undefined」

運行一個對象方法有點麻煩，而且對於OOP來說很新穎。我有下面的構造類： function Blob(c, maxRadius, points, v) { this.vector = v; this.maxVector = 5; this.center = c; this.path = new Path(); this.path.closed

1熱度

1回答

爲什麼不在iOS設備上創建paper.js路徑？

**有關此問題的當前解決方案，請參閱編輯2。 ** 我有一個有點晦澀的問題，谷歌和通過StackOverflow搜索尚未解決。 Paper.js不適用於iOS。目前，我正在構建一個使用paper.js繪製功能的白板繪圖web應用程序。它在Chrome，FireFox和Safari的桌面上工作得很好。在Android設備上它工作正常，但相當滯後。在iOS設備上使用應用程序時，問題會突然出現。出於

2熱度

1回答

在Paper.js中調整矩形大小

我在Paper.js中創建了一個非常普通的矩形，我想調整大小，但找不到任何明顯的方法。 var rect = new Rectangle([0, 0],[width,height]); rect.center = mousePoint; var path = new Path.Rectangle(rect, 4); path.fillColor = fillColor; path.meta

1熱度

1回答

重疊Paper.JS（HTML5）Canvas和VivaGraphJS（SVG）圖：捕獲事件

我已經讓自己陷入了一個巨大而奇怪的位置。我使用VivaGraph JS在瀏覽器中繪製Conceptual Graphs。我使用的具體實現依賴於SVG，因此我的主圖DOM元素是SVG。在創建節點之間的邊界期間，我使用Paper.JS編寫了一小段代碼，它使用HTML5中的畫布。事實上，我侵入了vektor.js提供的源代碼，並將其改爲聽取CTRL + MouseDown事件。這兩個元素svg圖形

3熱度

1回答

嘗試調用函數時引用錯誤

每當我嘗試在單獨的paperscript標記中調用javascript函數時，都會收到未捕獲的引用錯誤。我嘗試了測試代碼 HTML體： <canvas id="c"></canvas> <script type="text/javascript" src="vendor/paper.js"></script> <script type="text/paperscript" src="foo1.

0熱度

1回答

Paperjs柵格化activeLayer從視圖邊界

我有這fiddle，我想實現畫布視圖的光柵縮略圖。一切正常，直到某些路徑溢出視圖邊界，那些溢出的部分也會導出到縮略圖中，這是不需要的。只有在畫布上可見的部分應該在拇指中可見。我已經嘗試過clipMask，不幸的是沒有成功。 HTML代碼 <canvas id="c"></canvas> <img id="thumb" /> paperscript代碼 paper.install(window

0熱度

1回答

如何控制quadraticCurve用鼠標位置處理位置？

我怎樣才能控制quadraticcurve手柄位置與鼠標位置沒有重疊像here？我需要這樣的東西 onMouseMove = function(event) { var path = new Path(); path.moveTo(300,100); path.strokeColor = 'blue'; path.fillColor = 'red';

2熱度

1回答

使用PaperJS淡入光柵

如何使用PaperJS淡入/淡出光柵（圖像）？目前我使用下面的笨拙的函數來處理1個光柵（代碼簡化）： var img = new Raster('test.jpg'); img.opacity = 0; function onFrame() { if(img.opacity < 1) { img.opacity += 0.1; } } 是否有快速的方法來做