Lines Matching refs:canvas

42   private canvas: HTMLCanvasElement | undefined | null;  property in FrameChart
132     this.rect.width = this.canvas!.width;
134     this.canvas!.style.height = this.rect!.height + 'px';
135     this.canvas!.height = Math.ceil(this.rect!.height);
218           if (x + width >= 0 && x < this.canvas!.width) {
242           if (x + width >= 0 && x < this.canvas!.width) {
266           if (x + width >= 0 && x < this.canvas!.width) {
288       if (x > this.canvas!.width) x = this.canvas!.width - sideLength;
301     this.canvasContext?.clearRect(0, 0, this.canvas!.width, this.canvas!.height);
308     if (this.canvas instanceof HTMLCanvasElement) {
309       this.canvas.style.width = 100 + '%';
310       this.canvas.style.height = this.rect!.height + 'px';
311       if (this.canvas.clientWidth == 0 && newWidth) {
312         this.canvas.width = newWidth - 40;
314         this.canvas.width = this.canvas.clientWidth;
316       this.canvas.height = Math.ceil(this.rect!.height);
322       Math.round(newWidth!) != this.canvas!.width + 40 ||
325       this.rect.width = this.canvas!.width;
333     if (this.canvas instanceof HTMLCanvasElement) {
334       this.isUpdateCanvas = this.canvas.clientWidth != 0;
335       if (this.canvas.getBoundingClientRect()) {
336         let box = this.canvas.getBoundingClientRect();
352     this.canvasContext?.lineTo(this.canvas!.width, 0);
355       let startX = Math.floor((this.canvas!.width / 10) * i);
359         let startItemX = startX + Math.floor((this.canvas!.width / 100) * j);
366       let sizeRatio = this.canvas!.width / this.rect.width; // scale ratio
373       this.canvasContext?.lineTo(startX, this.canvas!.height);
443             children.frame!.x < this.canvas!.width && // more than canvas right
517     if (this.canvasX + this.floatHint!.clientWidth > (this.canvas?.clientWidth || 0)) {
550       let sizeRatio = this.canvas!.width / this.rect.width;
558             newWidth = this.canvas!.width / (10 / this.currentSize);
567             newWidth = this.canvas!.width / (10 / this.currentCount);
576             newWidth = this.canvas!.width / (10_000_000 / this.currentDuration);
585       if (newWidth < this.canvas!.width) {
586         newWidth = this.canvas!.width;
622     let offset = this.canvas!.width / 10;
640     if (this.rect.width + this.xPoint < this.canvas!.width) {
641       this.xPoint = this.canvas!.width - this.rect.width;
661         this.rect.width = this.canvas!.clientWidth;
678         this.rect.width = this.canvas!.clientWidth;
768     this.canvas = this.shadowRoot?.querySelector('#canvas');
769     this.canvasContext = this.canvas?.getContext('2d');
772     this.canvas!.oncontextmenu = () => {
775     this.canvas!.onmouseup = (e) => {
779     this.canvas!.onmousemove = (e) => {
789     this.canvas!.onmouseleave = () => {
813       if (this.canvas!.getBoundingClientRect()) {
814         let box = this.canvas!.getBoundingClientRect();