paperjs

    0熱度

    1回答

    我正在嘗試編寫一個小型JavaScript庫來幫助在使用paper.js的形狀上進行動畫轉換,但這種圖形/數學並不是我的關鍵力量! 我已經能夠實現簡單的轉換,如平移和旋轉,通過每幀進行小的轉換,但我無法計算累積縮放形狀的數學。 例如,我的翻譯動畫代碼粗糙的僞代碼版本: function rotateAnimation(shape, degrees, timeSecs) { var ang

    1熱度

    1回答

    我有必要在paperjs中翻譯canvas的座標系,以便取決於具體情況在(0,0)以外的地方放置一些畫布。通過更改座標,我希望整個視圖呈現被翻譯。在paperjs中可以這樣做嗎?

    0熱度

    1回答

    我正在處理用戶繪製折線圖並檢查其與實際圖表有多接近的活動。我有它的工作,但需要幫助'重置'畫布。我可以清除它,但在清除後需要重新初始化,以便用戶可以再次嘗試。 這裏是復位代碼,我到目前爲止有: var clearCanvas = false; function onFrame(event) { if (clearCanvas && project.activeLayer.hasChi

    1熱度

    1回答

    我期待構建一個基於交互式圖像的界面的Web應用程序。每個圖像將具有10-200個可點擊/可觸摸/可高亮顯示的不規則形狀區域(想像地圖)。 我可以看到這樣做的幾種方法,如SVG圖像,圖像映射,該<canvas>元素,或像paper.js或拉斐爾的JavaScript庫。 不過,我的問題是什麼方式最能反應?而我完全不包括Flash。 了響應,我的意思是: 快速加載,要準備好被感動/點擊 即時反應時間被

    1熱度

    1回答

    我想在聲音管理器waveformData的畫布數據上生效,並使它看起來像平滑移動的均衡器線,如http://paperjs.org/tutorials/animation/creating-animations/#moving-multiple-items。問題是一切都重新繪製,看起來不太順利。任何想法如何改善? ` paper.install(window); var soundOut

    0熱度

    2回答

    的paper.js中給出光柵構造函數的路徑是否可以爲paper.js中的柵格構造函數提供圖像路徑(url或local)?

    1熱度

    2回答

    我的工作工具在畫布上繪製之外的事件被捕獲。當我用一根手指畫的時候,這是有效的。當我用兩個手指畫,一個在畫布上,一個在畫布外時,第二個手指事件被onMouseDrag事件捕獲,並且從第一個手指到第二個手指放置了一些筆劃,對我來說這不是一個好行爲。 例子: 在開始的時候,我開始用一根手指畫。將第二根手指放在畫布外後,我繼續移動第一根手指。這是發生的。 當我在畫布之外時,您是否有任何想法可以避免事件發生

    1熱度

    2回答

    我以paper.js開頭。我喜歡這樣一個事實,即它引入了一個腳本,其中包含一個text/paperscript mime類型的腳本,該腳本在其範圍內運行。但是,腳本可能會很快變大,所以我希望能夠將它分成多個腳本以提高可讀性。我認爲我可以添加多個腳本標記,並讓它們都在相同的範圍內運行,但顯然情況並非如此。 這兩個腳本都被加載並運行,但第二個腳本似乎不在紙張範圍內。 我在這裏設置了一個例子:http:

    1熱度

    3回答

    我希望paperjs在按下按鈕打開動畫之後加載,但似乎紙張在加載頁面後加載紙張不起作用。 如果您註釋掉setTimeout並取消直接註冊$.getScript - paperjs將觸發alert('hi')。我不明白。 <html> <head> <script src="http://code.jquery.com/jquery-latest.js"></script>

    2熱度

    3回答

    我已經在調整大小隻使用paper.js 畫布中的項目的寬度stucked我已完成調整大小,但以下方式它會導致從矩形/圓的中心調整左右兩側的大小。 function onMouseDrag(event){ (selectedItem.bounds.contains(event.point)) ? selectedItem.scale(0.9871668311944719,1) : select