cssを使用してdivの向きを変更する方法はありますか?
つまり、divを斜めの位置に表示する必要があります。
divの四隅を定義する方法はありますか
(x1、y1) 、(x2、y2)、 (x3、y3) および(x4、y4)
編集
javascriptまたはC#を使用してそれを行う方法はありますか?
divではなく画像の向きを変更する方法はありますか?
cssを使用してdivの向きを変更する方法はありますか?
つまり、divを斜めの位置に表示する必要があります。
divの四隅を定義する方法はありますか
(x1、y1) 、(x2、y2)、 (x3、y3) および(x4、y4)
編集
javascriptまたはC#を使用してそれを行う方法はありますか?
divではなく画像の向きを変更する方法はありますか?
これは不可能です。
イメージまたはVML/SVGのいずれかを使用する必要があります
IEはSVGをネイティブにサポートしておらず、他のブラウザーはVMLをサポートしていませんが、SVGからVMLへのラッパーがあることに注意してください。グーグルをチェック
純粋なCSSでは不可能であるため、svg、flash、silverlightなどの他のものを使用する必要があります。Svgを使用すると、任意のdivを埋め込むことができるため、必要に応じて回転しますが、svgはIEでまだサポートされておらず、この特定の機能は、最後にテストしたときは非常に低速でした。
代わりに、いつでも境界線の傾斜を使用できますか?
傾斜角を使用すると、角の上にボックスを描画できますが、角の上にテキストを配置することはできません。
私の必要性は IE のみで行うことであり、マトリックス フィルターを使用してM11、M12、M21、およびM22の値を設定しました。
<style>
.SlantingDiv { padding: 2px; filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=1.0,M12=0.4,M21=-0.2,M22=1.0); width: 60; height: 60; padding: 6px; border: #a9a9a9 1px solid }
</style>
<div class="SlantingDiv">
Slanting Text or Image
</div>