kineticjs

0熱度

1回答

更新 - 這是我使用動力學的最終jsfiddle工作版本。我試圖用兩種不同的陰影顯示文字來創建「浮雕」外觀。我正在使用我想要得到的使用CSS的結果的jsfiddle as a model。這裏是我正在與Kinetic JS工作的jsfiddle。 var stage = new Kinetic.Stage({ container: 'stage-container', wi

0熱度

1回答

JQUERY添加時間戳格式的更新時間

我正在使用我的網站a Modern Circular jQuery Countdown Timer Plugin並且它沒有更新時間戳。當我刷新頁面時，時間從開始重新開始，但我需要用當前時間設置時間，並且它自己刷新它，並從當前時間倒數到結束時間。我只需要簡單的倒計時。有結束日期，例如9月12日上午9:00，它從當前日期和時間倒數。現在我需要例如9月4日成立，並倒數至9月12日上午9:00 這是J

0熱度

1回答

KineticJS，類似程序的畫圖，畫筆間隙

我正在嘗試使用KineticJS畫畫。我正在嘗試使用源自鼠標位置的圓圈繪製顏色。然而鼠標位置的eventlistener似乎太慢，當我將鼠標移動得太快時，畫出的圓圈彼此相距很遠，結果如下：我已經看到有人用點畫線來填充數組，但我認爲這就是非常不利於優化，因爲在屏幕上配置太多畫布後，畫布開始滯後，因爲它有太多的線條來重繪每一幀。我決定取消對圖層的清理，並在當前鼠標位置添加新的圓圈，並刪除舊的圓圈進行

1熱度

1回答

使用運動文件將目標形狀調整爲多個形狀

我正在處理一個任務，即通過動態js文件在單擊事件中創建，拖動，調整多個形狀。幾乎我做了所有的事情，問題來了，我想創建多個形狀，然後當我在那個時候做的形狀調整大小第一個形狀只調整它不是調整多個形狀。所以我想調整鼠標箭頭目標形狀。這是我的代碼， //This update shows the image size minimum and maximum function update(grou

1熱度

2回答

Kineticjs組圖片拖動

我是新來Kinetic js和有問題搞清楚如何從移動的邊界，然後創建一個空白這裏外停止圖像是到目前爲止我的代碼 //photo layer var photoGroup = new Kinetic.Group({ x: layout.photoGroup.x, y: layout.photoGroup.y, draggable: true }); var Photolayer = new

1熱度

1回答

如何將過濾器應用於圖像填充KonvaJS的形狀？

我使用Konva.js來做一些畫布動畫。我有圓形，有圖像填充，並且想要將顏色疊加/濾鏡應用於形狀（RGBA）。這是我如何創建Shape對象： var konvaObject = new Konva.Circle({ x: 100, y: 100, radius: 300, stroke: this.color, strokeWidth: 6,

1熱度

1回答

如何使用動態jQuery方法旋轉畫布中的文本

我想通過鼠標單擊將文本旋轉360度。請參閱下面的圖片瞭解更多詳情。正如你所看到的圖像文本「DDDDD」，我想這個文本旋轉按鼠標點擊。這是我的代碼， //addtext() function is used to add the text to the container. $("ul#text #textsubmit").click(function(){ addText

1熱度

1回答

如何將konvaJS中的文本值拉伸到一定的寬度和高度？

在KonvaJS文本對象中有一個屬性fontSize像fontSize: 30但我需要根據我給它的寬度和高度來拉伸文本。這裏是我寫的： var textX = new Konva.Text({ text: 'X', align: 'center', x: 60, y: 60, width: 60,

0熱度

1回答

KineticJS - 在觸點/鼠標移動觸發器上交換形狀位置

我正在使用KineticJS並嘗試完成一些看起來很簡單的操作：嘗試使用當前正在拖動的形狀來改變位置。想法是： •您在畫布上選取一個形狀。這將觸發mousedown事件偵聽器，該事件偵聽器將保存您拾取的形狀的當前位置。 •保持形狀時，如果在另一個形狀上觸發mouseover，則會根據當前形狀的保存位置觸發該形狀的事件並交換其位置。下面是相關的代碼，我寫來試圖獲取工作：板的設置：只是簡單地設立

3熱度

1回答

如何使Canvas中的選擇框選擇它所觸及的任何對象，而不僅僅是它所擁抱的對象？

有一個很好的教程Selecting Multiple Objects with KineticJS，教你如何在HTML畫布中創建一個選擇框來選擇多個對象，但是作者Michelle Higgins編寫了他的代碼來選擇被選擇框包圍的對象。下面的JavaScript代碼表示的算法： var pos = rectSel.getAbsolutePosition(); //get the ext