問題タブ [rendertransform]

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.

0 投票する
1 に答える
1215 参照

wpf - UIElement の角度の変更

私はこのコードを持っています:

これAngleは私のImage要素の を設定します..動作しますが、期待したほど動きません。

Angleが画像の右隅に基づいて設定されているかどうか疑問に思っていましたか? では、画像を右側から 25 度回転させますか?

0 投票する
0 に答える
107 参照

c# - 他のコントロールの RenderTransformOrigin 基準を計算するにはどうすればよいですか?

他のコントロールの「RenderTransformOrigin」基準を計算したい。私は英語が苦手なので、この画像を見てください。

画像1

同じレベルに配置されたボックスがあります。子供ではなく、親ではありません。緑色のボックスは、理論的には親です。したがって、すべてのコントロールの RenderTransformOrigin は緑色のボックスと同じ場所にあります。しかし、RenderTransformOrigin はローカル座標系だと思います。

RenderTransformOriginを計算したい...

ありがとうございます

編集 私は現在この方法で試しています....

中心点 (ローカル座標系?)

ItemHeight * CriteriaItem.OriginY
ItemWidth * CriteriaItem.OriginX

計算 (中心点は結果の上にあります)

CenterPoint.X / TargetBoxWidth CenterPoint.Y
/ TargetBoxHeight

Final
Convert TargetBox のローカル座標系)

Cavnas.TranslatePoint( CalculatedPoint, TargetBox)

編集
上記の方法で解決しました。

延長方法

利用方法

しかし....

「RenderTransformOrigin」を変更すると、この回転と位置が変更されました....

回転が終了したら、RotateTransform を使用せずに回転オブジェクトを保持する方法を見つけます。

助けて。

ありがとうございます。

0 投票する
0 に答える
81 参照

c# - 楕円内でオブジェクトの動きを制限するにはどうすればよいですか?

シナリオ

グリッドにいくつかのオブジェクトがあります。それらの操作デルタ イベント内でそれらを変換します。オブジェクトは、ユーザーのポインターの下で動かなくなったように見えます。それは動作し、次のようになります。

すべての可動オブジェクトには楕円形の境界があり、その外側にオブジェクトをドラッグすることはできません。この値は簡単に計算できます。このようなもの:

要件

要求されたポイントが楕円境界の外にある場合、要素を変換しないロジックを実装したいと思います。

ここに画像の説明を入力

おそらくこのようなもの:

ロジックを四角形に制限するコードは簡単に記述できます。ただし、長方形は必須ではなく、楕円が必須です。TODOこの質問の核心は、上記のコードのセクションです。

前もって感謝します。