kineticjs

0熱度

1回答

kineticJS按順序加載圖像（並設置fillPatternImg）不透明補間不起作用

我正在用KineticJS創建一個創建多個節點（RegularPolygons）的小應用程序。加載舞臺後（用play();觸發），我用（圖案）圖像順序填充每個節點（用loadImages(urls);觸發。這工作正常，像：集中的所有節點>加載單個圖像>設置節點patternImage>吐溫不透明0.8>吐溫完整，負載下一個圖像（重複）出於某種原因，補間不會玩，他們只是。（不透明度1）;（

0熱度

1回答

在畫布中使用svg對象而不是raste圖像對象

我正在嘗試使用JavaScript和畫布創建類似於this的應用程序。我已經創建了一個使用kineticjs作爲畫布庫的草稿。這些牙齒都是png圖像，並且線條是使用Line對象由動態js繪製的。我的一位朋友建議我把所有東西都畫成一個大的svg（牙齒和線條），每個牙齒和每條線都是另一條不同的路徑，它們在畫布上加載不同的id並使用id操縱它們。我嘗試閱讀kineticjs文檔和fabricjs對

0熱度

1回答

鼠標在KineticJS中的移動速度令人難以置信

將鼠標光標移到我的應用程序上時，我看到一個令人難以置信的慢速調用，看起來像是鼠標移動事件。下面是Firefox的JavaScript的探查說：釷結果是，繪製形狀，如果很慢（它甚至有時會凍結，當我快速移動鼠標光標），雖然我只在屏幕上有10種形狀。 .. 我想我的代碼有問題，但事情是，我甚至不需要任何鼠標交互，我的應用程序是僅鍵盤。有沒有辦法阻止KineticJS做鼠標事件檢查？我找不到一個。

0熱度

1回答

kineticJS動畫多個圖像對象

這個想法是，我旋轉一個圖像對象，然後「保存」這個動畫幀，並再次建立一個動畫？我只有一層和一個階段。任何幫助都會很棒。是否可以將圖層保存爲對象？然後將它添加回舞臺？ var oldlayer; oldlayer=layer; stage.clear(); stage.add(oldlayer);

1熱度

1回答

如何在canvas和kineticjs中使用硒進行拖放

我使用硒web驅動程序來測試我的網站，事情是我有一個畫布元素，在其中我必須拖動位於（0,0）到（10,0）。最主要的是在畫布上沒有元素會有ID或類名稱。我在網上瀏覽，但大多發現答案像 Actions builder= new Actions(driver); WebElement canvas = driver.findElement(By.className("kineticjs-c

0熱度

1回答

使用kineticjs將圖像拖放到圖像中

我想放下樹上的星星，並檢測哪顆星星已經掉落，所以我可以突出顯示並最終選擇它。但我無法超越僅僅移動明星。我選擇kineticjs是因爲它適用於觸摸屏，所以我不想在可能的情況下使用其他東西。（除非它具有觸摸屏和鼠標太作品）這是我的javascript： <script defer="defer"> function drawImage(imageObj) { var stage

0熱度

1回答

KineticJS和鼠標懸停和透明度

我創建了一個的jsfiddle位於： jsfiddle.net/r17k48bp/ 我似乎無法弄清楚，爲什麼鼠標懸停事件不會改變透明度，但點擊在組上呢？感謝，吉姆

2熱度

1回答

在popus中查找與動態javascript文本元素相關的數據

var text = new Kinetic.Text({ x: a, y: b, text: {"name":"WAERK","key":"","description":"SD Document Currency"}.name, fontSize: d, fontFamily: 'Calibri', fill: e , id

0熱度

1回答

繪製具有點擊功能的新的動力學JS多邊形

我試圖通過點擊另一個觸發創建新的動力學形狀（不是克隆）。任何幫助將不勝感激，因爲我似乎無法找到答案。我已嘗試以下沒有任何的運氣： var sq1 = new Kinetic.Rect({ x: 25, y: 400, width: 200, height: 200, fill: '#000000', draggable: true

0熱度

1回答

製作一個沒有背景的kineticjs圖層

我目前有一些JavaScript從變量接收圖像並將其加載到畫布中。爲了使用kineticjs，畫布在div內。我加載一個正六邊形用下面的代碼： function MakeShape() { var stage = new Kinetic.Stage({ container: 'container', width: 490, height: 225