Class CssSkewTransform

Namespace

Egami.Css

Assembly

Egami.Css.dll

skew(), skewX() or skewY().

public sealed record CssSkewTransform : CssTransformFunction, IEquatable<CssTransformFunction>, IEquatable<CssSkewTransform>

Inheritance

object

CssTransformFunction

CssSkewTransform

Implements

IEquatable<CssTransformFunction>

IEquatable<CssSkewTransform>

Inherited Members

object.Equals(object)

object.Equals(object, object)

object.GetHashCode()

object.GetType()

object.ReferenceEquals(object, object)

object.ToString()

Examples

// A CSS transform list, its matrix, and the functions it holds.
bool isTransform = CssTransformList.TryParse("translate(10px, 50%) rotate(45deg) scale(2)", out CssTransformList? css);
Matrix3x2 matrix = css!.ToMatrix((length, isX) => length.Unit == CssUnit.Percent ? length.Value * (isX ? 2 : 1) : length.Value);

foreach (CssTransformFunction function in css.Functions)
{
    string kind = function switch
    {
        CssTranslateTransform t => $"translate {t.X} {t.Y}",
        CssRotateTransform r => $"rotate {r.Degrees} about ({r.CenterX}, {r.CenterY})",
        CssScaleTransform s => $"scale {s.X} {s.Y}",
        CssSkewTransform k => $"skew {k.XDegrees} {k.YDegrees}",
        CssMatrixTransform m => $"matrix {m.A} {m.B} {m.C} {m.D} {m.E} {m.F}",
        CssUnsupportedTransform u => $"{u.Name} (3D, ignored)",
        _ => "",
    };
}

bool isOrigin = CssTransformOrigin.TryParse("left bottom", out CssTransformOrigin origin); // (0%, 100%, 0)

Constructors

CssSkewTransform(double, double)

skew(), skewX() or skewY().

public CssSkewTransform(double XDegrees, double YDegrees)

Parameters

XDegrees double

The x skew angle in degrees.

YDegrees double

The y skew angle in degrees.

Examples

// A CSS transform list, its matrix, and the functions it holds.
bool isTransform = CssTransformList.TryParse("translate(10px, 50%) rotate(45deg) scale(2)", out CssTransformList? css);
Matrix3x2 matrix = css!.ToMatrix((length, isX) => length.Unit == CssUnit.Percent ? length.Value * (isX ? 2 : 1) : length.Value);

foreach (CssTransformFunction function in css.Functions)
{
    string kind = function switch
    {
        CssTranslateTransform t => $"translate {t.X} {t.Y}",
        CssRotateTransform r => $"rotate {r.Degrees} about ({r.CenterX}, {r.CenterY})",
        CssScaleTransform s => $"scale {s.X} {s.Y}",
        CssSkewTransform k => $"skew {k.XDegrees} {k.YDegrees}",
        CssMatrixTransform m => $"matrix {m.A} {m.B} {m.C} {m.D} {m.E} {m.F}",
        CssUnsupportedTransform u => $"{u.Name} (3D, ignored)",
        _ => "",
    };
}

bool isOrigin = CssTransformOrigin.TryParse("left bottom", out CssTransformOrigin origin); // (0%, 100%, 0)

Properties

XDegrees

The x skew angle in degrees.

public double XDegrees { get; init; }

Property Value

double

YDegrees

The y skew angle in degrees.

public double YDegrees { get; init; }

Property Value

double

Methods

ToMatrix(Func<CssLength, bool, double>)

Gets the function as a matrix.

public override Matrix3x2 ToMatrix(Func<CssLength, bool, double> resolve)

Parameters

resolve Func<CssLength, bool, double>

Converts a length (possibly a percentage) to pixels; the flag is true for the x axis.

Returns

Matrix3x2

The matrix (identity for an unsupported function).