konvajs

0熱度

1回答

我在我的項目中使用KonvaJs。我需要實現綁定到Konva.Layer的拖動。我的圖層有很多其他形狀和圖像。我需要將層的運動限制到它的寬度和高度的50％。我在這裏完成的方式plunkr.當用戶使用鼠標滾輪放大或縮小圖層時，會出現問題。放大後，我不知道爲什麼拖動界限的行爲有所不同。似乎我無法正確地做數學。我需要具有相同的行爲，即當用戶不執行縮放時，層的移動方式受到限制。這是我在做什麼： //...

1熱度

1回答

Konvajs和jQuery淡入淡出（）圖像到舞臺

我能夠點擊一個圖像在html頁面，並有圖像呈現到Konva階段。我試圖使用jQuery淡入（）圖像，這是我卡住的地方。 //FADE IN IMAGE $('img').on('click', function(e){ e.preventDefault(); $('#container').fadeIn(1000); }); 的jsfiddle：https://jsfi

1熱度

2回答

點擊圖像陣列將它們添加到Konva階段

我學習Konvajs和HTML5 Canvas和麪臨的一些問題：創建的圖像陣列填充的菜單，並指定每個圖像的值等於ID到它的圖像名稱。完成沒有問題。點擊任何一個或多個菜單圖像以每個圖像繪製到Konva階段用於進一步操縱像與該旋轉等。具有問題： var pics = ["pic1.png", "pic2.png"]; $.each(pics, function(index, value)

1熱度

1回答

Konva在層之間傳播事件

我在形狀層的頂部有一個透明的拖動層。非常適合使互動截然不同，因此我可以切換拖動操作（在滾動視圖或編輯形狀位置之間）。但是，除非關閉拖動模式（通過隱藏介入的透明Rect），否則其他鼠標懸停事件都不會在其下面的形狀圖層上觸發。我需要將非拖動的鼠標事件傳播到它下面的圖層。有很多鼠標懸停事件的形狀。有沒有一種簡單的方法來將鼠標懸停在事件下方的層上，還是需要編寫自定義處理程序來爲每個形狀觸發事件？

1熱度

2回答

錯誤導致Konva.js階段上不會顯示任何內容。該怎麼辦？

我的腳本有一個非常奇怪的行爲：只有不時3-4次（很少3-4次一次一次，但更可能是每次第七次到第150次試驗）sk loads荷載，但我只看到一個白色帆布收到錯誤消息： Uncaught TypeError: Cannot read property 'getParent' of undefinedKonva.Util.addMethods.add @ konva.min.js:44draw @ f

3熱度

1回答

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

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

0熱度

1回答

將視頻添加到konvajs舞臺

我有一個工作網絡功能，使用html5視頻和畫布訪問設備攝像頭的mediaStream，然後拍攝照片並在畫布中呈現圖像。運作良好，但我想用konvajs舞臺而不是畫布。代碼 I created a new konva image object: var video = new Konva.Image({ node:video, x: 50, y:

2熱度

1回答

HTML5 Canvas疊加圖像

我正在使用konvajs庫將多個圖像繪製到畫布上。圖像在某些點上是透明的。現在我想附加一個點擊處理程序的圖像，但點擊處理程序不應該被解僱，如果圖像是透明的點/促進點擊處理程序的udnerlying圖像。但是目前頂部的圖像是所有的點擊處理程序。有沒有辦法忽略圖像透明部分的點擊事件？

1熱度

1回答

清除Konvajs圖像的一部分

我試圖將本地圖像上傳到konvajs階段，然後擦除不需要的圖像部分。我的上傳效果很好，並且繪製/清除工作正常，但我無法清除上傳的圖像。我只能擦除圖像上的畫線。 var stage = new Konva.Stage({ container: 'container', width: width, height: height }); 我創建了一個的jsfi

0熱度

1回答

KonvaJs：拖動時改變點的線路

我在我的項目中使用KonvaJs。我使用Konva.Line通過設置closed:true來創建多邊形。我需要弄清楚一個點是否在多邊形內部。我正在使用Ray-Casting算法找到多邊形中的點，它工作正常。但是當拖動多邊形時會出現問題。拖動時，頂點（點）仍然保持不變，因此我無法獲得新的座標。如何更改多邊形的點以便我可以使用它們？這裏是plunkr。