問題タブ [rotatetransform]

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 投票する
2 に答える
8557 参照

c# - ボタンクリック時に画像を回転するWPF

WPF ユーザー コントロールのキャンバスに画像を含めました。

次に、これらのサム イメージを画面上で移動できるように、コード ビハインドに以下を含めました。これは正常に機能します。

キャンバス上の親指でこのコードに追加できる簡単な追加を知っている人はいますか?

ありがとう

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

c# - WPF カスタム コントロール - 内部の要素に到達し、カスタム コントロールの一部のみを回転

カスタム コントロールに問題があります。ユーザーが「選択」できる5〜8個のパスがあるカスタムコントロールがあります。これらのパスのうち、ラベルを付けたい (カスタム コントロール内)。ここで、内部のコンテンツを変更できます (そのカスタム コントロールを使用するウィンドウから)。カスタム コントロールの XAML は次のようになります。

そのカスタムコントロールを使用するウィンドウからそのラベルに到達するにはどうすればよいですか?? 何かのようなもの:

また


2番目の問題は、使用するウィンドウでカスタムコントロールを回転させることです:

私の問題は、それを(論理的に)行うと、コントロール全体が(ラベル付きで)回転することです。ラベルではなくパスだけを回転させたい。そのラベル「isRotated」のカスタムプロパティのようなことができると思いました.trueに設定されている場合、トリガーを使用して回転(角度0を設定)を「リセット」する必要があります。しかし、私はそれを行うことができません。(XAML からそのカスタム プロパティにアクセスする必要がありますか?それともコード内のみでしょうか?それはおそらく、XAML からアクセスしようとする問題でした)。

カスタム コントロールからラベルを削除して、そこにパスだけを配置し、その後、パスとラベルだけを回転させてウィンドウに表示できることを知っています。ただし、ユーザーは「全体」のカスタム コントロール (歯の選択) を選択でき、歯の「セグメント」(パス) を選択できます。したがって、そのカスタムコントロール内にすべてを入れたいと思います。

アドバイスをありがとう。

0 投票する
4 に答える
3573 参照

javascript - Javascript - クリックすると画像が無限に回転し、もう一度クリックすると停止します

私は、このスクリプトで画像をクリックすると無限に回転し、もう一度クリックすると停止する方法を見つけようとしています。誰でもそれを変更してそれを行うことができますか?

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

google-chrome - クロムの回転したdivで変形したテキスト

コンテンツが回転して表示されるページがあります。

そしてcssで

#pages divを回転させます。これは、たとえば firefox (適切なブラウザー プロパティを使用) で正常に機能します。しかし、Chrome (28.0.1500.20 beta-m と 26something、どちらも 64 ビット Windows 7 上) では、フォントが変形したGoogle ドライブのリンクです。Chromeの問題トラッカーでは見つかりませんでした。何か間違ったことをしていますか、それともバグレポートを提出する必要がありますか? 提案をありがとう...

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

c# - 回転した画像を別の画像の上に描画する

別の画像の上に回転した画像を描画しようとしていますが、両方の画像を中央に揃えることができません。(つまり、回転した画像を最初の手を加えていない画像の真ん中に描画します)

2番目の画像を最初の画像の中央に配置する方法はありますか?

どちらの画像も同じサイズ (200x200) です。

0 投票する
2 に答える
14785 参照

css - CSS「transform:rotate()」が「position:absolute」で全体のデザインに影響する(正しく整列しない)

私はそれを説明する方法と、それを示すことができる方法をまったく知らないのではないかと心配しています. だから私はこのフィドルをセットアップしました。

ご覧のとおり、ナビゲーション メニューはあるべき場所にありません。head 要素の下端と左端に正確に設定する必要があります。すなわちbottom: 0left: 0。しかし、私は -90degs の回転を設定してnavいます。回転が存在しないかのように、要素の絶対配置が回転の前に、または元の要素で行われていることは明らかです。

疑似要素を使用し:beforeて、その方法で解決できるかどうかを試してみました。:afterしかし、これらの疑似要素を完全に把握することはできません。どちらの場合も、ローテーションはバイパスされました。(回転がなければ、nav要素は明らかに本来あるべき場所に配置されます。)

これは基本的にコードです:

派手なものはありません。

これが CSS (この問題に関係する部分) です。

仕組み:これは Fiddle プロジェクトで確認できます。

誰かが私に手を貸してくれることを願っています。


PS。また、タグ内のテキストのサイズによっては、<a>タグ内の垂直要素間の距離が0.5 ピクセルのようnavわずかに大きくなり、境界線がぼやけてしまうことがあります。これは、要素の 1 つに 4 文字とスペースが追加されたこの別のバージョンで確認できます。<a>なぜこれが違いを生むのか理解できません。ただし、メニューの見栄えが悪くなります。

0 投票する
2 に答える
1600 参照

wpf - Canvas Control wpfのクローンを作成するには?

現在、私はデスクトップアプリケーションに取り組んでいます。その中で、印刷ダイアログのPrintVisualメソッドを使用してCanvas Controlを印刷しています。ビューからキャンバスをビューモデルにコマンドパラメータとして渡しています。ビューモデルでは、キャンバスで回転変換を実行しています(コンテンツを180度回転させて印刷したい)。私はほしくない。私の問題を解決するのを手伝ってください。前もって感謝します。

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

python - scipy.ndimage.interpolate.rotateの前後に対応するピクセルを見つける

これがまだ答えられていないことを願っていますが、どこにも見つかりませんでした。私の問題は非常に単純です: scipy を使用して画像の oblic プロファイルを計算しようとしています。それを行うための1つの優れた方法は次のとおりです。

  1. セグメントの開始と終了を指定して、プロファイルが必要なセグメントを見つけます。
  2. セグメントを含む最小限の画像を抽出し、
  3. 素敵な生に沿って目的のプロファイルを取得するために画像を回転させる角度を計算し、
  4. 生のまま抽出します。

それが理論です。

私のプロファイルは raw numberarray.shape[0]/2に入る必要があるため、現在 (4) で立ち往生していますが、回転するとデータの下にゼロの行が追加され、左側の列が追加されることがあります。したがって、正しい生の数をシフトできます...

たとえば、 scipy で使用される対応行列を使用して、正しい生の数値を取得する方法を知っている人はいますか?

ありがとう。