Lines Matching refs:canvas

45   private canvas!: HTMLCanvasElement;
133     this.rootNode.frame = new Rect(0, scaleHeight, this.canvas!.width, depthHeight);
158     this.rect.width = this.canvas!.width;
160     this.canvas!.style.height = `${this.rect!.height}px`;
161     this.canvas!.height = Math.ceil(this.rect!.height);
328     this.canvasContext?.clearRect(0, 0, this.canvas!.width, this.canvas!.height);
335     if (this.canvas instanceof HTMLCanvasElement) {
336       this.canvas.style.width = `${100}%`;
337       this.canvas.style.height = `${this.rect!.height}px`;
338       if (this.canvas.clientWidth === 0 && newWidth) {
339         this.canvas.width = newWidth - depthHeight * 2;
341         this.canvas.width = this.canvas.clientWidth;
343       this.canvas.height = Math.ceil(this.rect!.height);
349       Math.round(newWidth!) !== this.canvas!.width + depthHeight * 2 ||
352       this.rect.width = this.canvas!.width;
360     if (this.canvas instanceof HTMLCanvasElement) {
361       this.isUpdateCanvas = this.canvas.clientWidth !== 0;
362       if (this.canvas.getBoundingClientRect()) {
363         const box = this.canvas.getBoundingClientRect();
378     this.canvasContext?.lineTo(this.canvas!.width, 0);
380       let startX = Math.floor((this.canvas!.width / 10) * i);
383         const startItemX = startX + Math.floor((this.canvas!.width / 100) * j);
391       const sizeRatio = this.canvas!.width / this.rect.width; // scale ratio
398       this.canvasContext?.lineTo(startX, this.canvas!.height);
571     if (this.canvasX + this.floatHint!.clientWidth > (this.canvas?.clientWidth || 0)) {
641       const sizeRatio = this.canvas!.width / this.rect.width; // max scale
650             newWidth = this.canvas!.width / (10 / this.total);
658             newWidth = this.canvas!.width / (ms10 / this.total);
666       if (newWidth < this.canvas!.width) {
667         newWidth = this.canvas!.width;
706     const offset = this.canvas!.width / 10;
724     if (this.rect.width + this.xPoint < this.canvas!.width) {
725       this.xPoint = this.canvas!.width - this.rect.width;
736     return node.frame.x + node.frame.width >= 0 && node.frame.x < this.canvas.clientWidth;
745         this.rect.width = this.canvas!.clientWidth;
749         this.rootNode.frame!.width = this.rect.width = this.canvas.clientWidth;
893       if (this.rootNode && this.canvas.clientWidth !== 0 && this.xPoint === 0) {
894         this.rootNode.frame!.width = this.canvas.clientWidth;
900     if (this.canvas!.getBoundingClientRect()) {
901       const box = this.canvas!.getBoundingClientRect();
910     this.canvas = this.shadowRoot!.querySelector('#canvas')!;
911     this.canvasContext = this.canvas.getContext('2d')!;
914     this.canvas!.oncontextmenu = (): boolean => {
917     this.canvas!.onmouseup = (e): void => {
921     this.canvas!.onmousemove = (e): void => {
931     this.canvas!.onmouseleave = (): void => {