問題タブ [konvajs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - KonvaJS: 中心から画像をスケーリング
のスケーリング中にいくつかの課題に直面していますKonva.Image
。中心点から画像を拡大縮小したい。中心から拡大縮小することはできますが、これが正しい方法であるかどうかはわかりません。現在、そのtop-left
コーナーからスケーリングされています。中心点から画像をスケーリングするにはoffset
、を使用して中心に設定していimage.setOffset()
ます。しかし、なぜそれが画像を動かしているのかわかりません。私はこれをやっています:
画像をスケーリングするには、これを行っています:
同じことを達成する他の方法はありますか?これが再生するplunkrです。
javascript - 高解像度画像としてのキャンバス コンテンツ。
プロジェクトでKonvaJSを使用しています。を画像として保存する必要がありstage/canvas
ます(エクスポートされた画像が高解像度の画像である場合は素晴らしいでしょう)。キャンバス コンテンツを Base64 文字列として返すstage.toDataURL()KonvaJS
という関数があります。この関数の課題は、キャンバスの可視領域のみを返すことです。表示領域だけでなく、キャンバス全体を画像としてエクスポートする必要があります。Canvas2Imageを試してみましたが、キャンバス全体ではなく、可視領域のみを保存しています。それを達成する方法はありますか?これは、いくつかのpoc (概念実証) コードで遊ぶ plunkr です。
javascript - Konva を使用した HTML 数値入力の値の検証
konva を使用してグラフを描画できる Web サイトを開発していますが、現在、この奇妙な問題に遭遇しています。
*.5
ティックごとの単位をまたは整数以外に変更すると、次のようになります。
コードは次のとおりです。
https://codepen.io/ItsTheWolf/pen/jrdkNX
役立つ場合は、HTML5 コードを次に示します。
また、入力の値type = "number"
が空であるか、単に奇妙であるか (ユーザーが入力したときなど0-5
) を確認してから設定する方法はありerr = 1
ますか? のようなものを試しましたが、うまくminx === null
いきminx.length === 0
ません。
javascript - Konva js でレイヤー幅を設定する
KnovaJS で、レイヤーの幅と高さを設定するにはどうすればよいですか?
http://konvajs.github.io/api/Konva.Layer.html
私は試した:
x および y プロパティのみが機能します。
javascript - KonvaJSで、グループ内のすべてのアイテムを部分的にバッチサイズ変更する方法は?
KonvaJS では、次のようにグループ内のすべての要素を回転させることができます。
(this
グループ オブジェクトを参照)
幅/高さのサイズを変更しようとすると、うまくいきません。