You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
50 lines
1.1 KiB
TypeScript
50 lines
1.1 KiB
TypeScript
2 years ago
|
import Gradient, {GradientObject, GradientColorStop} from './Gradient';
|
||
|
|
|
||
|
|
export interface LinearGradientObject extends GradientObject {
|
||
|
|
type: 'linear'
|
||
|
|
|
||
|
|
x: number
|
||
|
|
y: number
|
||
|
|
x2: number
|
||
|
|
y2: number
|
||
|
|
}
|
||
|
|
/**
|
||
|
|
* x, y, x2, y2 are all percent from 0 to 1 when globalCoord is false
|
||
|
|
*/
|
||
|
|
|
||
|
|
export default class LinearGradient extends Gradient {
|
||
|
|
|
||
|
|
type: 'linear'
|
||
|
|
|
||
|
|
x: number
|
||
|
|
y: number
|
||
|
|
x2: number
|
||
|
|
y2: number
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
x: number, y: number, x2: number, y2: number,
|
||
|
|
colorStops?: GradientColorStop[], globalCoord?: boolean
|
||
|
|
) {
|
||
|
|
|
||
|
|
super(colorStops);
|
||
|
|
|
||
|
|
// Should do nothing more in this constructor. Because gradient can be
|
||
|
|
// declard by `color: {type: 'linear', colorStops: ...}`, where
|
||
|
|
// this constructor will not be called.
|
||
|
|
|
||
|
|
this.x = x == null ? 0 : x;
|
||
|
|
|
||
|
|
this.y = y == null ? 0 : y;
|
||
|
|
|
||
|
|
this.x2 = x2 == null ? 1 : x2;
|
||
|
|
|
||
|
|
this.y2 = y2 == null ? 0 : y2;
|
||
|
|
|
||
|
|
// Can be cloned
|
||
|
|
this.type = 'linear';
|
||
|
|
|
||
|
|
// If use global coord
|
||
|
|
this.global = globalCoord || false;
|
||
|
|
}
|
||
|
|
};
|