paperjs

    1熱度

    2回答

    我一直在研究一個特定的動畫,我需要將圓角矩形形狀轉換爲圓形(使用動畫)。我檢查了paper.js的文檔,並沒有找到任何預定義的函數來實現這一點。 - > 動畫需要是光滑的。由於我正在使用的矩形數量非常大,因此我無法使用「移除當前圓角矩形並重新繪製一個更多圓角版本」方法。它降低了性能,動畫變得遲鈍。 這是我用來生成圓角矩形的代碼。 // Had to paste something to post

    1熱度

    1回答

    我想在鼠標單擊並拖動時沿着鼠標創建的矢量線創建'n'個圓。 這將導致一排圓圈,這將是一定的距離,取決於行中的圓圈數量。第一個和最後一個圓圈將位於鼠標首次點擊後釋放的位置。 示例:如果線條長度爲1000px,需要3個圓圈,則會有一個0px 500px和1000px的圓圈。如果線條長1000px,需要5個圓圈,則會有0px,250px,500px,750px和1000px的點。 我試圖在paper.j

    0熱度

    1回答

    這是我的Javascript(paperjs)代碼片段: var symbol = new Symbol(path); 它給出了一個警告 - 「請勿使用符號作爲構造」 還有什麼我可以在這裏做,擺脫那個警告?

    0熱度

    1回答

    我發現這樣做此使用inject方法,像這樣的https://groups.google.com/forum/#!topic/paperjs/16ToDJquig8 一些討論,但我無法找到在官方文檔此方法。那麼什麼是正式推薦的方式來將自定義屬性添加到Paperjs對象?

    1熱度

    1回答

    paper.view.bounds究竟會返回什麼? 這似乎與多個屬性一起返回一個矩形對象: Rectangle {height: 1200, width: 1920, y: 0, x: 0} height: 1200 width : 1920 x : 0 y : 0 bottom : (...) bottomCenter : (...)

    0熱度

    1回答

    我看到涉及移動的paperjs的所有示例都發生在onFrame內部,但是如何在鼠標事件上進行動畫製作? var circle1 = new Shape.Circle(new Point(80, 50), 30); circle1.strokeColor = 'green'; circle1.fillColor = 'green'; circle1.onMouseEnter = funct

    0熱度

    1回答

    我開始使用paper.js,並在添加和定位新點時遇到一些問題。我想在左下角和右下角添加2個新點,以獲得更多高度。現在我玩了演示代碼,我有這個:(見下圖)我想用它作爲移動的背景。 1.我如何增加2點以增加空間和高度? 2.當我達到此目的時,我如何控制它使其響應(平板電腦,手機等)? 這是example code working。 <script type="text/paperscript" can

    1熱度

    1回答

    我的代碼非常簡單,直接從教程中解脫出來。下面是index.html的: <!DOCTYPE html> <html> <head> <!-- Load the Paper.js library --> <script type="text/javascript" src="js/paper-full.js"></script> <!-- Load external PaperScript

    0熱度

    1回答

    我正在使用Paper JS製作繪圖工具。現在我想填充兩個項目的封閉路徑,比如說兩個相交的矩形。 看着參考,似乎有一個函數來獲取交點,但沒有完成我所需要的,因爲它使交點之外的另一個形狀。 intersect(item)或subtract(item) 在這種情況下,其中檢測到對象是否分裂 同樣。 如果任何你們都碰到過這樣的問題,請給些建議。 感謝和問候。

    0熱度

    2回答

    我正在嘗試使線指向圓的中心 - 或圓形 - 並且在下面的代碼中它們顯然不是。他們在適當的位置初始化,但他們在錯誤的地方結束。應該相當容易,但我無法破解它。我如何實現這一目標? var path = new Path.RegularPolygon({ center: [100, 100], radius: 50, sides: 10 }); path.style =