From 64650bcc89831f603dd7c25e0fe9c9ac24a2700e Mon Sep 17 00:00:00 2001 From: ocean2 Date: Tue, 2 Apr 2024 18:13:05 +0800 Subject: [PATCH] =?UTF-8?q?#feat=20=20=E6=B5=8B=E8=AF=95=E6=95=B0=E6=8D=AE?= =?UTF-8?q?svg=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../blockbuster/blockbuster.component.ts | 24 +++++++++++-------- 1 file changed, 14 insertions(+), 10 deletions(-) diff --git a/src/app/routes/data-v/second1/blockbuster/blockbuster.component.ts b/src/app/routes/data-v/second1/blockbuster/blockbuster.component.ts index bb9fcc3..a7b35d9 100644 --- a/src/app/routes/data-v/second1/blockbuster/blockbuster.component.ts +++ b/src/app/routes/data-v/second1/blockbuster/blockbuster.component.ts @@ -21,6 +21,8 @@ export class BlockbusterComponent implements OnInit, OnDestroy, OnChanges { svgLcqlx: any; svgZcddxy: any; //汽车过衡（双向）重车单独向右 @ViewChild('canvas') canvasRef!: ElementRef; + @Input() defaultCarImage = '/assets/blockbuster/tmp1.png'; + @Input() status = 0; constructor(private sanitizer: DomSanitizer) {} @@ -52,16 +54,18 @@ export class BlockbusterComponent implements OnInit, OnDestroy, OnChanges { console.error('Failed to load SVG:', error); }); - let urlSvgZcddxy = 'assets/blockbuster/zcddxy.svg'; - - fetch(urlSvgZcddxy) - .then(response => response.text()) - .then(data => { - this.drawSVGtoCanvas(data, 70, 22, 0.5); - }) - .catch(error => { - console.error('Failed to load SVG:', error); - }); + if (this.status == 0) { + let urlSvgZcddxy = 'assets/blockbuster/zcddxy.svg'; + + fetch(urlSvgZcddxy) + .then(response => response.text()) + .then(data => { + this.drawSVGtoCanvas(data, 70, 22, 0.5); + }) + .catch(error => { + console.error('Failed to load SVG:', error); + }); + } // let urlSvgLcqtq = 'assets/blockbuster/lcq/lcqtq.svg';