konvajs

    0熱度

    1回答

    我使用[email protected]庫(使用[email protected]和react-konva)來構建簡單的2D遊戲。 在Chrome中測試應用程序時一切正常。然而,當我打開開發工具,並切換到設備工具欄(查看移動大小視應用程序),我得到的警告: Unable to preventDefault inside passive event listener due to target be

    0熱度

    1回答

    在這段代碼中,當我拖動Konvas畫布周圍的綠色矩形時,一切正常。但是,當我繼續拖動並且鼠標移動到頂部欄上時,例如,綠色矩形在鼠標指針下跳轉。 我做錯了什麼? 感覺拖動代碼正在使用mousemove事件參數相對於指針下方的元素,而不是頁面。也許就像event.clientX &Ÿ代替event.pageX & Y. 編輯:我添加了一個灰色的div絕對定位在畫布上 - 嘗試在畫布上拖動綠色矩形所以鼠

    1熱度

    1回答

    我創建了一個Konva Group並向它添加了幾個對象。當我調用組中的hide(),然後layer.draw()刷新畫布時,對象仍然顯示。我究竟做錯了什麼? (Konva 1.4.0)

    0熱度

    1回答

    我使用konvajs在畫布上繪圖。我剛剛找到了一個不透明屬性,我可以在其中將整個形狀的透明度(在我的情況下是一條閉合線)設置爲alpha值,但也包括邊界而不僅僅是填充不透明度。 new Konva.Line({ points: [30, 20, 49, 54, 100, 220], fill: 'red', // put an opacity just on this colo

    0熱度

    1回答

    我真的很感激任何幫助,我可以用這個。我現在已經連續幾個小時了。我正在嘗試創建一個WebApp功能,讓用戶可以拍攝自拍照,然後將圖像放在上面併發送給電子郵件。 直到現在我有這樣的: <img id="frame"> <script type="text/javascript"> var camera = document.getElementById('camera'); va

    0熱度

    1回答

    我想從一張桌子的照片中獲取單元格。我有圖像中單元格的座標。現在我想用konvajs庫查看我的單元格。問題是表格是30x30。所以我有900個細胞。當使用kanva.image 900次瀏覽器停止工作時,因爲它試圖加載900次相同的圖像。我想加載一次圖像並將其用於裁剪900次。這裏是我的代碼: function add_i(layer,cell,row,weight,k,cloneI){

    -1熱度

    1回答

    我看到這個演示https://konvajs.github.io/docs/sandbox/Free_Drawing.html 我已經能夠繪製成功的網絡桌面上,但在移動 不能得出請幫我

    0熱度

    1回答

    我正在使用Konvajs框架與canvas一起使用。我需要創建三個形狀(插槽)並進行一些操作。它的工作原理,但我也需要使用像素,我通過getImageData獲取圖像,將其存儲在內部結構中,然後用於操作。 var c = this.layer.getCanvas(); var ctx = c.getContext(); this.slots[name].data = ctx.getImageD

    -1熱度

    2回答

    我正在使用Konva庫在HTML5畫布上繪製一些東西。 我已經給了來自用戶的交互2點通過鼠標點擊: var A={x:'',y:''}; var B={x:'',y:''}; 1)如何畫線行嗎? 我的問題是: 1)如何獲得每個間隔垂直線? 2)如何獲得從A點到B點的距離? 3)如何獲得從A到B在線的所有點? 4)如何獲得紅點?

    0熱度

    1回答

    我正在爲此使用konvajs和anglurjs的html5畫布。我想導出更高分辨率的畫布可見區域。 我能夠通過使用stage.toDataURL('JPEG',1.0)導出可見區域,但它重新調整了圖像的分辨率。它根據瀏覽器窗口設置圖像尺寸,但我想以與我導入的分辨率相同的分辨率導出圖像。