画面の幅/高さに基づいてサイズを変更する斜めのポリゴンの塗りつぶしが必要です。緑の背景塗りつぶし: http://rhiwifi.co/busは、回転された DIV を使用するプロトタイプです。その DIV は画面の 200% であるため、モバイル インターフェイスの境界を超えて伸びており、画面の下部を正しく埋めていません。
上が対角線で下が長方形のサイズ変更可能な多角形を描画するにはどうすればよいですか? それとももっと簡単な方法がありますか?
画面の幅/高さに基づいてサイズを変更する斜めのポリゴンの塗りつぶしが必要です。緑の背景塗りつぶし: http://rhiwifi.co/busは、回転された DIV を使用するプロトタイプです。その DIV は画面の 200% であるため、モバイル インターフェイスの境界を超えて伸びており、画面の下部を正しく埋めていません。
上が対角線で下が長方形のサイズ変更可能な多角形を描画するにはどうすればよいですか? それとももっと簡単な方法がありますか?
絶対ピクセルではなく、比率値としてo座標を保存します。
つまり、[0..1]の範囲の数値を使用してポイントを定義します。次に、これにキャンバスの寸法を掛けて、ピクセルの寸法を取得します。
たとえば、キャンバスの左上1/4を占める長方形を描画する場合は、次のように定義します。「0,0,0.5,0.5」-コンマに基づいて配列に分割できます。次に、配列内の各要素にキャンバスサイズを掛けて、最終的な座標を得ることができます。
たとえば、2d OpenGLビューポートは、正規化された座標を使用します。ここで、0,0は画面の中央、-1、-1は左上、1,1は右下です。このように、openGLはウィンドウサイズを乗算してピクセル値を取得します。