konvajs

-1熱度

1回答

Mixed/complex text node inc用於按鈕和標記的FontAwsome

我需要製作具有Arial和Fontawsome混合的按鈕和標籤。就任何字體混合而言，HTML 5畫布相對粗糙，儘管Konvajs具有方便的標籤形狀，但它並不適用除單個文本節點以外的形狀，據我所知。看看我的答案片斷，看看我想要什麼，以及我如何解決它。

1熱度

1回答

「試圖構建時無法解析'.../react-konva/src/react-konva.js'模塊'react/lib/React'」錯誤

我對React有點新鮮，這是我的第一個項目，但花了相當一段時間學習和編寫反應原生代碼。我想我有針腳爲什麼我得到的錯誤，但我不知道如何解決它。我想要做的是安裝並運行react-konva，一個使用Konva.js在我的應用程序中高效顯示Canvas元素的畫布元素庫。在運行yarn add konva react-konva --save（已經有反應）後，我遇到了依賴性問題，其中react-kon

1熱度

1回答

Konva形狀點擊不起作用

我想在Konva中定義一個自定義形狀，我嘗試了下面的代碼繪製一個矩形，我想記錄點擊它，但點擊檢測不起作用。爲什麼？我不知道我錯了 <!DOCTYPE html> <html> <head> <script src="https://cdn.rawgit.com/konvajs/konva/1.6.5/konva.min.js"></script> <meta charse

0熱度

1回答

無法給漸變線使用react-konva

我已使用react-konva繪製線條。現在，我正在嘗試爲該行添加漸變，但這不適合我。以下是相關代碼： <Layer> <Motion style={ { startX: spring(100), startY: spring(100), endX: spring(!isLi

1熱度

1回答

React-Konva文本對齊和包裝不起作用

我無法將我的文本對齊到我的畫布上，當長度超過畫布長度時，我也無法將文本換行到新行。 import { Layer, Stage, Text } from 'react-konva'; render() { return ( <Stage height={500} width={500}> <Layer> <Text fontSize={60} text="`HEYYYYYY

0熱度

1回答

通過KonvaJS渲染圖像尺寸

我創建舞臺，創建圖層生成一些路徑，將其添加到圖層我可以計算渲染圖像的寬度嗎？如果圖像溢出，我想得到它真正的寬度

0熱度

1回答

如何在Konva階段添加視頻（.mp4，.mov）？

我想添加一個視頻對象，就像我在Konva階段添加圖像一樣。問題是當我添加一個視頻（一個mp4/mov文件）時，它不播放該視頻。當我調整瀏覽器窗口的大小時，我可以看到視頻幀正在移動。但是，當瀏覽器窗口沒有調整大小時，視頻無法播放。我正在使用React Konva。

1熱度

2回答

將Konova圖像調整爲父元素的全寬

當點擊圖像時，我有一個反應組件將圓圈覆蓋到圖像上。我無法找到調整圖像大小的好方法，因爲它似乎只將pxl作爲一個值。我想使它成爲父元素的全部寬度。我正在使用react-konva和react-bootstrap。 import { PageHeader, Grid, Row, Col, ListGroup, ListGroupItem, Table, Panel, ButtonToolbar,

0熱度

1回答

KonvaJS將變換矩陣應用於React.Shape

在SVG中給出以下矩形。 <rect xmlns="http://www.w3.org/2000/svg" x="72.036" y="156.473" transform="matrix(0.1727 -0.985 0.985 0.1727 -83.7081 215.7814)" style="fill:none;stroke:#020202;stroke-width:0.5;stroke-mi

1熱度

1回答

如何隱藏KONVA組中的一個元素

我有一個KONVA組，其中有三個對象。我想顯示/隱藏該組的一個對象。 const stage = new Konva.Stage({ container: 'container', width: window.innerWidth, height: window.innerHeight }); const layer = new Konva.Layer();