問題タブ [scaletransform]

私が取り組んでいる Web ページでは、特定のビューポートに収まるように div をスケーリングしています。内側の div の 1 つは、div 内でスクロールするときに上部に保持するために位置が固定されています。

ただし、CSS トランスフォームを使用して div をスケーリングすると、ページの上部に留まらなくなります。何をすべきか、またはなぜこれが起こるのかについての説明はありますか?

私がやろうとしていることを示すために jsfiddle を提供しました: http://jsfiddle.net/pkoq8ctj/

XAML ノード (この場合は System.Windows.Shapes.Path) を解析するコードからRotateTransform値 (度) とScaleTransformを取得しようとしています。

RenderTransformを使用すると、Matrix Value を取得できますが、そこから angle と scaleX を取得できません。

これらの情報を取得するにはどうすればよいですか?

ありがとうございました

ストリームから取得した byte[] 画像からサムネイルを作成したいと思います。DecodePixelWidth または ScaleTransform の 2 つのオプションがあります。

私の質問:

1. どちらが速いですか？
2. より適切な方法はどれですか?
3. 彼らはそれぞれ何をしますか？
4. メモリ/CPUの使用量が少ないのはどれですか?

初め：

私はこの方法を好みます。わずかに多くのメモリを使用しますが、より高速なようです。しかし、なぜですか？Matrix を使用し、GPU を使用して作業を行っていますか? その場合、顧客は私と同じように速くできる場合とできない場合があります。

2番：

この方法はメモリ使用量は少ないですが、遅く見えますし、画像はぼやけていますが、サムネイルなので問題ありません。それでも、ScaleTransform の方が優れていますか?

ご協力ありがとうございました。

私の同位体グリッドでは、一致しない要素が消えることなく、一致する要素と一致しない要素の両方を表示したいと考えています。代わりに、一致しない要素の不透明度を 0.7 にしたいと考えています。

Isotopeの Web サイトでは、隠しアイテムの CSS クラスの概要が説明されているため、CSS に次のコードを適用しましたが、機能しません。

Firebug で検査すると、変更が表示されません。

私はそれについて同様の質問を1つだけ見つけました（ここ）が、答えはありませんでした.

同様の問題に関する別の質問を見つけました (ここ) が、Isotope リンクが機能しなくなり、2 番目の回答から何も理解できませんでした。

私の同位体初期化:

フィドルhttp://jsfiddle.net/h20f38u1/1/

変換ツールに表示されるコントロールに問題があります。画像をクリックすると、(画像をスケーリングまたは回転するための) 境界ボックスが表示されますが、コーナーにカーソルを合わせると、カーソルが変換されません。

私はこれらのファイルを使用しています：

TransformTool.as

TransformToolControl.as

TransformToolCursor.as

これは変換ツールを呼び出すための私のコードです:

そして、これは後で画像がクリックされたときにツールが表示され、ステージがクリックされたときにツールが非表示になるようにします:

境界ボックスの表示と非表示の画像選択は完全に機能します。私のコードはすべて期待どおりに機能します....バウンディングボックスの実際のコントロールを除きます。助けてください！

編集

コンセプトは、ユーザーがメニューから画像をクリックして、その画像の新しいインスタンスをステージにドラッグできることです。その後、ユーザーは新しいインスタンスをクリックして、回転またはスケーリングできるようになります。次に、画像をクリックして境界ボックスを非表示にすることができます。(必要な数の画像をステージに追加できます)。

これは、基本的なクリック、新しいインスタンスの作成、および実装したドラッグ プロセスを示すコードです。

編集

このコードを見つけて、TransformTool.as に配置しました。null オブジェクト参照のエラーが発生するため、何かが間違って呼び出されているに違いないと感じています。

Windows Phone 8.1 ランタイム用のアプリケーション、つまりストア アプリケーションを開発しています。ここではStoryboardアニメーションをstackpanelに適用しています。

ここでは、次のようにスケーリングしています。

0 から 1 ではなく、0.2 から 1 を意味します。

私の質問は:オブジェクト (ここではスタックパネル) を 0.2 から 1 にスケールすると、アニメーションが終了するまでぼやけて見えます。0 から 1 にすると、うまくいきます。

更新 1:

私は何が欠けていますか？誰でもこの状況に遭遇したことを提案してください。ありがとう。

次のように Image の ImageSource を設定しています。

Image は Scrollviewer で ScaleTransform (LayoutTransform) を使用します。
ScrollViewers のコンテンツ サイズを更新するには、LayoutTransform が必要です。
画像をスクロールビューアの親のサイズに合わせたい(境界):

それを行った後、InvalidOperationException がスローされ、画像のレイアウトを測定するには、DesireSize が NaN でないことが必要であることが示されます。
次のように手動で画像を測定して配置しようとしました：

でも効果はないようです。
私は変換を始めたばかりで、まだ多くの知識がありません....