問題タブ [scaletransform]
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.
ios - ios CATransform3DMakeScale スケールアップ アニメーション
次のアニメーションがあります。
サブビューを縮小しています。しかし、私は反対のことをしようとしています。サブビューのサイズの 0.01% から開始し、サブビューのサイズの 100% に進みます。どうすればこれができるか知っている人はいますか?
wpf - LCD画面のフルHD用のWPF
フルHDLCD画面(42インチ)で表示されるWPFアプリケーションを開発しています。さらに、コントロールを絶対位置に収容する必要があります。開発環境では、1920x1080の長さのウィンドウが表示されません(これは、ターゲット画面の固定解像度です)。
このタスクを実行するためのベストプラクティスは何ですか?
ios - IOS:imageViewフルスクリーンを展開
私はこの状況にあります
オレンジ色の領域は私のビューで、緑色の領域はImageViewです。ここで、このimageViewをフルスクリーンで拡大し、アニメーションですべてのビューに拡大する方法があるかどうかを尋ねたいと思います。アニメーションのやり方を知っていて、使えると思いました
imageView.transform = CGAffineTransformMakeScale(x、y);
しかし、それは単純ではありません、あなたは私を助けることができますか?
css - 流体画像のアスペクト比cssを変更します
私はcssを使用して6つの画像を並べて配置しようとしていますが、ほとんどのディスプレイ(現時点ではモバイルを除く)ですべてがかなりうまくスケーリングできるはずなので、これを作成しました: http://pelloponisos.telesto .gr / galleryTest / test / gallery.php# (どうやら私はさらに別のカルーセルを作ろうとしています)
ほとんどの画像の幅は高さよりも大きいので、拡大縮小するときは、幅:x%をliコンテナーに入れ、画像の幅を100%にします。
しかし、6番目の画像は異なり、かなりの問題が発生します。高さも設定してみましたが、2つのうちの1つに基づいて画像を拡大縮小することしかできません。
これまでに機能したのは、ulに静的な高さを設定し、幅と高さの両方でスケーリングすることだけでしたが、それは流動的なグリッドではありません。
すべてのli要素に流動的な高さを持たせ、それに基づいてすべての画像を拡大縮小する方法はありますか?または、そうでない場合は、cssで指定したものとは異なる比率スケールの画像を作成する方法はありますか?
ipad - アイテムを非表示にするwebkit変換スケール
HTMLページでdivをスケーリングしようとしています。このdivには、多くのキャンバス要素とその他のdiv要素が含まれています。基本的に、このdivは、ページ内の他のすべてのアイテムのコンテナとして機能します。Chrome「23.0.1271.95m」とIOS6.0サファリでは、このdivの右側と下部にあるアイテムは、スケーリング後に表示されません。ウィンドウのサイズを変更する(またはiPadの向きを変更する)と、divが正しくスケーリングされ、アイテムが表示され始めますが、特定のサイズになると再び消えます。
これは、IOS5.0および以前のchrome/safariバージョンで正常に機能していました。これは最新のWebkitバージョンのバグですか?また、この動作を回避するための回避策はありますか?
android - Androidは、スケールアニメーションの後に新しいサイズを設定します
移動とスケーリングのアニメーションを使用しています。まず、フレーム レイアウトを画面の中央に移動し、レイアウト パラメーターを使用してその位置パラメーターを画面の中央に設定します。それはうまくいきます!アニメーションの変換の最後にスケール アニメーションを実行すると、レイアウトが元のサイズの 2 倍にスケーリングされます。実際、私のフレーム レイアウト (アニメーション化中) は、ボタンと画像ビューで構成されています。Android のように、アニメーションはビューを変換せず、描画する必要がある位置を変更するだけです。今私の問題は、ボタンを機能させることができないことです。彼らは実際にはそこにいないからです!
アニメーションの終了後に位置パラメータを設定することで、アニメーションを翻訳するための解決策を見つけました。ビューを新しい位置に永久に移動します。
ただし、スケール アニメーションの場合、レイアウトの SIZE を子と共に変更する必要があります。しかし、元の高さの幅に倍率を掛けているため、機能していません。これがスケールアニメーションのコードです。
setFillAfter(true) と setFillEnabled(true) は解決策ではありません。
ios - drawRectの外にCGContextScaleCTMとCGContextTranslateCTMを配置するにはどうすればよいですか?
私はこの種のパス描画の初心者ですが、マップを表示するときに、CGContextScaleCTMとCGContextTranslateCTMがdrawRect内で多くの時間を費やしていることに気付きました。それはそれらを外に持っていくのに良いでしょう。私はいつも同じ地図を描いているので、それは可能だと思います。しかし、どのように?
c# - 線と長方形を描画するときの奇妙な動作
了解しました。これを開始するにはどうすればよいですか。
画面にいくつかの形(実際には数千)を描くことができるアプリケーションがあります。それらには、長方形と線の2つのタイプがあります。長方形には塗りつぶしがあり、線にはストローク+ストロークの太さがあります。
2つのファイルからデータを読み取ります。1つは上面のデータ、もう1つは下面のデータです。データを表示するには、キャンバスを内部に持つビューボックスを使用します(コンテンツが適切に引き伸ばされます)。ディスプレイ上の全体は次のようになります(これは正しいです):
これで、まったく同じアプリケーションがこのイメージをプリンターに印刷することになっています(テストには、Windowsに付属のXPSプリンターを使用します)。
私がそれを印刷すると(コードが続きます)、それは上にまったく同じ図面を与えますが、下に次のようになります:
すべての「線」が欠落しているように見えます(長方形が存在します)。下部を表示するには、-1 / -1のスケール変換を使用します(水平方向と垂直方向にミラーリングします)。スケール変換を1/1に設定すると、次のようになります。
今、私は立ち往生しています。なぜすべての線が消えるのですか、ミラーリングされていない場合はそこにあります。また、最も外側の長方形が少しずれています(これはデータが原因である可能性があるため、それに焦点を当てないでください)。
画面に描画するために使用するコードは次のとおりです。
印刷については、XAMlに依存していませんが、手動で実行します(ContentPresenterを使用するかどうかに関係なく、変更はありません)。
上面図は常に正しいので(垂直方向にもミラーリングされているため)、水平方向にミラーリングするとすぐに線が消えるように見えます。
何か案は?不明な点がございましたら、お気軽にお問い合わせください。スケール変換と関係があると思いますが、どうしてかわかりません(なぜ画面上で動作するのですか?)。
windows-phone - Windows Phone アプリで画像軸をスケーリングする方法は?
示されているように、グリッドで4つの画像を使用しています。たとえば、タップで対応する画像を言及矢印方向のグリッドのサイズにスケーリングしたい
image2 のサイズ (幅と高さ) = グリッド (寸法) をタップすると、image2 は図に示されているように左にスケーリングされます。
d3.js - この d3 コードで私のズームが間違っているのはなぜですか?
このコードは、http: //domtree.breckyunits.comで実際に実行されています。
少しずれている部分はズーム動作です。ポイントを拡大すると、正しくズームされますが、間違ったポイントに変換されます。ある種の変換/変換を同時に行う必要があるように感じますが、これを理解する方法がよくわかりません。線形代数とベクトル/行列の練習はほとんどありません。
作業が必要なコードの部分は再描画関数です。
すべてのコードはhttps://github.com/breck7/domtree/blob/master/domtree.jsで確認できます。
vis はコードの前半で定義されています。