You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
28 lines
868 B
28 lines
868 B
2 years ago
|
/** converting camel-cased strings to be lowercase and link it with Separato */
|
||
|
|
export function toLowercaseSeparator(key: string) {
|
||
|
|
return key.replace(/([A-Z])/g, '-$1').toLowerCase();
|
||
|
|
}
|
||
|
|
|
||
|
|
export function getStyleStr(style: React.CSSProperties): string {
|
||
|
|
return Object.keys(style)
|
||
|
|
.map((key: keyof React.CSSProperties) => `${toLowercaseSeparator(key)}: ${style[key]};`)
|
||
|
|
.join(' ');
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Returns the ratio of the device's physical pixel resolution to the css pixel resolution */
|
||
|
|
export function getPixelRatio() {
|
||
|
|
return window.devicePixelRatio || 1;
|
||
|
|
}
|
||
|
|
|
||
|
|
/** Rotate with the watermark as the center point */
|
||
|
|
export function rotateWatermark(
|
||
|
|
ctx: CanvasRenderingContext2D,
|
||
|
|
rotateX: number,
|
||
|
|
rotateY: number,
|
||
|
|
rotate: number,
|
||
|
|
) {
|
||
|
|
ctx.translate(rotateX, rotateY);
|
||
|
|
ctx.rotate((Math.PI / 180) * Number(rotate));
|
||
|
|
ctx.translate(-rotateX, -rotateY);
|
||
|
|
}
|