``` export default class Parent { private static container; private static offset; constructor(domID: string); render(r?: number, fillStyle?: string): void; } ```
npm install dream_canvas```
export default class Parent {
private static container;
private static offset;
constructor(domID: string);
render(r?: number, fillStyle?: string): void;
}
// promise 延时器
export declare const sleep: (wait?: number) => Promise;
//方法装饰器
export declare const runtimeDecorator: () => MethodDecorator; //生成范围内随机数,可以指定是否生成int类型
export declare const getRandom: (arr: number[], isInt?: boolean) => number;
//矩阵乘法( !!!isPoint参数区分向量与矩阵,为了保持与内置矩阵一致,向量统一表示为[ [x, y, z, w] ], 矩阵则表示为[[1,0,0,0], [0,1,0,0], [0,0,1,0], [0,0,0,1]], 差别是 转置 T(point) )
export declare const getAxis: (left: number[][], right?: number[][], isPoint?: boolean) => number[][];
//返回 css3 矩阵字符串
export declare const matrix3D: (source: number[][]) => string;
//返回 canvas setTransform参数数组,另外 setTransform 与 css3 matrix参数一致
export declare const matrix2D: (source: number[][]) => number[];
//计算数组平均值与和
export declare const getAve: (source: number[]) => {
source: number[];
count: number;
sum: number;
ave: number;
};
//计算rgba灰度值
export declare const getGray: (rgba: number[]) => number;
//求(33, 44)逆矩阵( 借鉴 https://github.com/mrdoob/three.js.git )
export declare const invert: (source: number[][]) => number[][];
//圆球碰撞检测(2d 旋转)
export declare const impact: (b0: any, b1: any) => void;
//自定义计算矩阵行列式
export declare const determinant: (source: number[][]) => number;
//自定义计算伴随矩阵 A-1A* = |A| (逆矩阵 = 伴随矩阵 / 矩阵行列式) 类似使用导数求除法
export declare const adjoint: (source: number[][]) => number[][];
//透视矩阵
export declare function perspectiveNO(fovy: number, aspect: number, near: number, far: number): number[][];
`
全局事件
`
//获取处理后的图片
window.addEventListener( "dream_canvas_save_img", function(e){
console.log( "图片src: ", e )
} ) //获取颜色
window.addEventListener( "dream_canvas_show_color", function(e){
console.log( "显示颜色: ", e )
} )
`canvas 2D
$3
`
new MoveBall( "canvas" ).render()
`$3
`
new Hollow( "canvas" ).render()
`$3
`
new ColorPicker( "canvas" ).render()
`$3
`
new Monochrome( "canvas" ).render()
`$3
`
new Negative( "canvas" ).render()
`$3
`
new Grayscale( "canvas" ).render()
`$3
`
new Binarization( "canvas" ).render()
`$3
`
new Clip( "canvas" ).render()
`$3
`
new Encryption( "canvas" ).render()
`$3
`
new ParseGif( "canvas" ).render()
`$3
`
new Writing( "canvas" ).render()
`$3
`
new Scale( "canvas" ).render()
`$3
`
new Html2Png( "canvas" ).render( "targetDomID" )
`$3
`
new D3Ball( "canvas" ).render()
`$3
`
new D3Scale( "canvas" ).render()
`$3
`
new MatrixMove( "canvas" ).render()
`$3
`
new MatrixImage( "canvas" ).render( -5 )
`$3
`
new Game( "canvas" ).render()
`$3
`
new GameBG( "canvas" ),render()
`
$3
`
new GameMove( "canvas" ).render()
`$3
`
new Animation( "canvas" ).render()
`$3
`
new D3( "canvas" ).render()
`webGL
$3
`
new WebGLRect("canvas").render()
`$3
`
new GLImage("canvas").render()
`
$3
`
new WebGLTest("canvas").render()
``