lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-04-05 20:48:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

little optimize

Browse Source
This commit is contained in:
Anton Lavrenov 2023-06-05 10:25:36 -05:00
parent d410ceee24
commit 72cbc8d289
3 changed files with 13 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Context.ts
View File

@ -362,8 +362,8 @@ export class Context {
* @method
* @name Konva.Context#clip
*/
clip(fillRule?: CanvasFillRule): void
clip(path: Path2D, fillRule?: CanvasFillRule): void
clip(fillRule?: CanvasFillRule): void;
clip(path: Path2D, fillRule?: CanvasFillRule): void;
clip(...args: any[]) {
this._context.clip.apply(this._context, args);
}
@ -484,9 +484,10 @@ export class Context {
* @method
* @name Konva.Context#fill
*/
fill(fillRule?: CanvasFillRule): void
fill(path: Path2D, fillRule?: CanvasFillRule): void
fill(fillRule?: CanvasFillRule): void;
fill(path: Path2D, fillRule?: CanvasFillRule): void;
fill(...args: any[]) {
// this._context.fill();
this._context.fill.apply(this._context, args);
}
/**
@ -749,7 +750,7 @@ export class Context {
// supported context properties
type CanvasContextProps = Pick<
CanvasRenderingContext2D,
typeof CONTEXT_PROPERTIES[number]
(typeof CONTEXT_PROPERTIES)[number]
>;
export interface Context extends CanvasContextProps {}

9
src/Shape.ts
View File

@ -56,7 +56,7 @@ export interface ShapeConfig extends NodeConfig {
fillRadialGradientColorStops?: Array<number | string>;
fillEnabled?: boolean;
fillPriority?: string;
fillRule?: CanvasFillRule
fillRule?: CanvasFillRule;
stroke?: string | CanvasGradient;
strokeWidth?: number;
fillAfterStrokeEnabled?: boolean;
@ -89,7 +89,10 @@ export interface ShapeGetClientRectConfig {
relativeTo?: Node;
}
export type FillFuncOutput = void | [Path2D | CanvasFillRule] | [Path2D, CanvasFillRule]
export type FillFuncOutput =
| void
| [Path2D | CanvasFillRule]
| [Path2D, CanvasFillRule];
var HAS_SHADOW = 'hasShadow';
var SHADOW_RGBA = 'shadowRGBA';
@ -115,7 +118,7 @@ export const shapes: { [key: string]: Shape } = {};
// what color to use for hit test?
function _fillFunc(context) {
const fillRule = this.fillRule()
const fillRule = this.attrs.fillRule;
if (fillRule) {
context.fill(fillRule);
} else {

1
test/bunnies.html
View File

@ -96,6 +96,7 @@
perfectDrawEnabled: false,
width: wabbitTexture.width,
height: wabbitTexture.height,
fill: 'yellow',
});
bunny.speedX = Math.random() * 10;