lsm/konva
1
0
Fork 0
mirror of https://github.com/konvajs/konva.git synced 2025-06-28 15:23:44 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:konvajs/konva

Browse Source
This commit is contained in:
Anton Lavrenov 2017-10-08 14:15:58 +04:00
commit 8e5ccc5746
2 changed files with 45 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -7,7 +7,7 @@ Konva is an HTML5 Canvas JavaScript framework that enables high performance anim
[![Gitter](https://badges.gitter.im/Join%20Chat.svg)](https://gitter.im/konvajs/konva?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge)
[![npm version](https://badge.fury.io/js/konva.svg)](http://badge.fury.io/js/konva) [![bower version](https://badge.fury.io/bo/konva.svg)](http://badge.fury.io/bo/konva)
[![Build Status](https://travis-ci.org/konvajs/konva.png)](https://travis-ci.org/konvajs/konva) [![Code Climate](https://codeclimate.com/github/konvajs/konva/badges/gpa.svg)](https://codeclimate.com/github/konvajs/konva)
[![Build Status](https://travis-ci.org/konvajs/konva.png)](https://travis-ci.org/konvajs/konva)  [![Code Climate](https://codeclimate.com/github/konvajs/konva/badges/gpa.svg)](https://codeclimate.com/github/konvajs/konva) [![CDNJS version](https://img.shields.io/cdnjs/v/konva.svg)](https://cdnjs.com/libraries/konva)
You can draw things onto the stage, add event listeners to them, move them, scale them, and rotate them independently from other shapes to support high performance animations, even if your application uses thousands of shapes. Served hot with a side of awesomeness.

51
konva.d.ts vendored
View File

@ -84,7 +84,8 @@ declare module Konva {
offsetX?: number;
offsetY?: number;
draggable?: boolean;
dragBoundFunc?: Function;
dragDistance?: number;
dragBoundFunc?: (pos: Vector2d) => Vector2d;
}
interface SizeConfig {
@ -123,8 +124,8 @@ declare module Konva {
clone(attrs?: NodeConfig): Node;
destroy(): void;
dragBoundFunc(): Function;
dragBoundFunc(dragBoundFunc: Function): Node;
dragBoundFunc(): (pos: Vector2d) => Vector2d;
dragBoundFunc(dragBoundFunc: (pos: Vector2d) => Vector2d): Node;
draggable(): boolean;
draggable(draggable: boolean): Node;
draw(): Node;
@ -160,6 +161,7 @@ declare module Konva {
getHitCanvas(): Canvas;
getLayer(): Layer;
getParent(): Container;
getPosition(): Vector2d;
// CHECK
getSize(): {
width: number;
@ -528,12 +530,47 @@ declare module Konva {
getCanvas(): Canvas;
getTrace(relaxed: boolean): string;
reset(): void;
moveTo(x: number, y: number): void;
lineTo(x: number, y: number): void;
beginPath(): void;
setAttr(attr: string, value: any): void;
closePath(): void;
strokeShape(shape: Shape): void;
// context pass through methods
// originally from lib.es6.d.ts
arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, anticlockwise?: boolean): void;
beginPath(): void;
bezierCurveTo(cp1x: number, cp1y: number, cp2x: number, cp2y: number, x: number, y: number): void;
clearRect(x: number, y: number, width: number, height: number): void;
clip(): void;
closePath(): void;
createImageData(imageDataOrSw: number | ImageData, sh?: number): ImageData;
createLinearGradient(x0: number, y0: number, x1: number, y1: number): CanvasGradient;
createPattern(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement, repetition: string): CanvasPattern;
createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): CanvasGradient;
drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, dstX: number, dstY: number): void;
drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, dstX: number, dstY: number, dstW: number, dstH: number): void;
drawImage(image: HTMLImageElement | HTMLCanvasElement | HTMLVideoElement | ImageBitmap, srcX: number, srcY: number, srcW: number, srcH: number, dstX: number, dstY: number, dstW: number, dstH: number): void;
isPointInPath(x: number, y: number): boolean;
fill(): void;
fillRect(x: number, y: number, width: number, height: number): void;
strokeRect(x: number, y: number, w: number, h: number): void;
fillText(text: string, x: number, y: number): void;
measureText(text: string): TextMetrics;
getImageData(sx: number, sy: number, sw: number, sh: number): ImageData;
lineTo(x: number, y: number): void;
moveTo(x: number, y: number): void;
rect(x: number, y: number, w: number, h: number): void;
putImageData(imagedata: ImageData, dx: number, dy: number): void;
quadraticCurveTo(cpx: number, cpy: number, x: number, y: number): void;
restore(): void;
rotate(angle: number): void;
save(): void;
scale(x: number, y: number): void;
setLineDash(segments: number[]): void;
getLineDash(): number[];
setTransform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void;
stroke(path?: Path2D): void;
strokeText(text: string, x: number, y: number): void;
transform(m11: number, m12: number, m21: number, m22: number, dx: number, dy: number): void;
translate(x: number, y: number): void;
}
class Tween {