Elgato_dark/idraw
1
0
Fork 0
mirror of https://github.com/idrawjs/idraw synced 2026-05-24 10:08:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Revert "feat: update @idraw/kernal context-2d"

Browse source 
This reverts commit c20c52e1c8.
This commit is contained in:
chenshenhai 2021-09-16 18:29:18 +08:00
parent c20c52e1c8
commit a38c5e2343
5 changed files with 54 additions and 159 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
packages/kernal/__tests__/lib/context-2d.test.ts
View file

@ -1,4 +1,4 @@
import Context2d from './../../src/lib/context-2d/index';
import Context2d from './../../src/lib/context-2d';
describe('@idraw/kernal: lib/context-2d', () => {
test('Context2d.globalAlpha', async () => {

106
packages/kernal/src/lib/context-2d.ts
View file

@ -1,70 +1,70 @@
// import { TypeContext, TypeBoardSizeOptions } from '@idraw/types';
import { TypeContext, TypeBoardSizeOptions } from '@idraw/types';
// interface CanvasRenderingContext2D extends
// CanvasCompositing,
// CanvasDrawImage,
// CanvasDrawPath,
// CanvasFillStrokeStyles,
// CanvasFilters,
// CanvasImageData,
// CanvasImageSmoothing,
// CanvasPath,
// CanvasPathDrawingStyles,
// CanvasRect,
// CanvasShadowStyles,
// CanvasState,
// CanvasText,
// CanvasTextDrawingStyles,
// CanvasTransform,
// CanvasUserInterface {};
interface CanvasRenderingContext2D extends
CanvasCompositing,
CanvasDrawImage,
CanvasDrawPath,
CanvasFillStrokeStyles,
CanvasFilters,
CanvasImageData,
CanvasImageSmoothing,
CanvasPath,
CanvasPathDrawingStyles,
CanvasRect,
CanvasShadowStyles,
CanvasState,
CanvasText,
CanvasTextDrawingStyles,
CanvasTransform,
CanvasUserInterface {};
// type Context2dRecord = {
// name: string,
// type: 'attr' | 'method',
// args: any[]
// }
type ContextRecord = {
name: string,
type: 'attr' | 'method',
args: any[]
}
// type Context2dAttr = {
// globalAlpha?: number;
// }
type ContextAttr = {
globalAlpha?: number;
}
// class Context2d {
class Context2d {
// private _records: Context2dRecord[];
// private _attrs: Context2dAttr = {};
private _records: ContextRecord[];
private _attrs: ContextAttr = {};
// constructor() {
// this._records = [];
// }
constructor() {
this._records = [];
}
// get globalAlpha (): number | undefined {
// return this._attrs['globalAlpha'];
// }
get globalAlpha (): number | undefined {
return this._attrs['globalAlpha'];
}
// set globalAlpha(value: number | undefined) {
// this._attrs['globalAlpha'] = value;
// this._records.push({
// name: 'globalAlpha',
// type: 'attr',
// args: [value]
// })
// }
set globalAlpha(value: number | undefined) {
this._attrs['globalAlpha'] = value;
this._records.push({
name: 'globalAlpha',
type: 'attr',
args: [value]
})
}
// $getAllRecords(): Context2dRecord[] {
// return this._records;
// }
$getAllRecords(): ContextRecord[] {
return this._records;
}
// $getAllAttrs() {
// return this._attrs;
// }
$getAllAttrs() {
return this._attrs;
}
// // globalAlpha: number;
// // globalCompositeOperation: string;
// }
// globalAlpha: number;
// globalCompositeOperation: string;
}
// export default Context2d;
export default Context2d;

70
packages/kernal/src/lib/context-2d/base.ts
View file

@ -1,70 +0,0 @@
// const _records = Symbol('_records');
// const _attrs = Symbol('_attrs');
const _records = '_records';
const _attrs = '_attrs';
export type Context2dRecord = {
name: string,
type: 'attr' | 'method',
args: any[]
}
export type Context2dAttr = {
globalAlpha?: number;
}
class Storage {
[_records]: Context2dRecord[] = [];
[_attrs]: Context2dAttr = {};
setAttr(name: keyof Context2dAttr, value: any) {
this[_attrs][name] = value;
}
getAttr(name: keyof Context2dAttr): any {
return this[_attrs][name];
}
pushRecord(record: Context2dRecord) {
this[_records].push(record);
}
getAllRecords(): Context2dRecord[] {
return this[_records];
}
getAllAttrs() {
return this[_attrs];
}
}
export class Context2dBase {
__storage__: Storage = new Storage()
$setAttr(name: keyof Context2dAttr, value: any) {
this.__storage__.setAttr(name, value)
}
$getAttr(name: keyof Context2dAttr): any {
return this.__storage__.getAttr(name);
}
$pushRecord(record: Context2dRecord) {
this.__storage__.pushRecord(record);
}
$getAllRecords(): Context2dRecord[] {
return this.__storage__.getAllRecords();
}
$getAllAttrs() {
return this.__storage__.getAllAttrs();
}
}

24
packages/kernal/src/lib/context-2d/compositing.ts
View file

@ -1,24 +0,0 @@
import { Context2dBase } from './base';
type Constructor<T = Context2dBase> = new (...args: any[]) => T;
export function mixinsCompositing<TBase extends Constructor>(Base: TBase) {
return class extends Base {
get globalAlpha (): number | undefined {
return this.$getAttr('globalAlpha');
}
set globalAlpha(value: number | undefined) {
this.$setAttr('globalAlpha', value);
this.$pushRecord({
name: 'globalAlpha',
type: 'attr',
args: [value]
})
}
}
}

11
packages/kernal/src/lib/context-2d/index.ts
View file

@ -1,11 +0,0 @@
import { Context2dBase } from './base';
import { mixinsCompositing } from './compositing';
class Context extends Context2dBase {};
const Context2d = mixinsCompositing(Context);
export default Context2d;