Angular 10的SVG getBBox()方法返回错误的值。
创始人
2024-10-15 08:00:33
0

在Angular 10中,使用SVG元素的getBBox()方法可能返回错误的值。一个解决方法是使用ViewChild装饰器来引用SVG元素,并在ngAfterViewInit生命周期钩子中调用getBBox()方法。

首先,在组件的模板文件中,给SVG元素一个模板引用变量:


  

然后,在组件的类文件中,使用ViewChild装饰器引用SVG元素,并在ngAfterViewInit生命周期钩子中调用getBBox()方法:

import { Component, AfterViewInit, ViewChild, ElementRef } from '@angular/core';

@Component({
  selector: 'app-my-component',
  templateUrl: './my-component.component.html',
  styleUrls: ['./my-component.component.css']
})
export class MyComponent implements AfterViewInit {

  @ViewChild('mySvg', { static: false }) mySvg: ElementRef;

  ngAfterViewInit() {
    const svgElement = this.mySvg.nativeElement as SVGSVGElement;
    const bbox = svgElement.getBBox();

    console.log('BBox:', bbox);
  }

}

这样,你就可以在控制台中看到正确的BBox值了。请确保在ngAfterViewInit生命周期钩子中调用getBBox()方法,以确保元素已经被正确地初始化。

希望这个解决方法对你有帮助!

相关内容

热门资讯

据文件显示!hhpoker可以... 您好,hhpoker可以控制牌吗这款游戏可以开挂的,确实是有挂的,需要了解加去威信【13670430...
做出回应!wepoker俱乐部... 做出回应!wepoker俱乐部辅助(透视)本来存在有辅助工具(有挂教学)-哔哩哔哩1、用户打开应用后...
连日来!hhpoker透视脚本... 连日来!hhpoker透视脚本视频(透视)本来存在有辅助修改器(有挂攻略)-哔哩哔哩连日来!hhpo...
在玩家背景下!wpk俱乐部有没... 在玩家背景下!wpk俱乐部有没有辅助(透视)都是真的是有辅助辅助器(有挂方法)-哔哩哔哩wpk俱乐部...
不少玩家反映!hhpoker透... 不少玩家反映!hhpoker透视脚本视频(透视)好像是真的辅助插件(有挂技术)-哔哩哔哩1、下载好h...
透视透视!智星菠萝可以辅助吗(... 透视透视!智星菠萝可以辅助吗(透视)好像真的是有辅助辅助器(有挂助手)-哔哩哔哩1、智星菠萝可以辅助...
透视玄学!we poker辅助... 透视玄学!we poker辅助器下载(透视)本来有辅助安装(有挂总结)-哔哩哔哩1、这是跨平台的we...
相较于以往!约局吧开挂神器是真... 相较于以往!约局吧开挂神器是真的吗(透视)竟然有辅助平台(有挂解密)-哔哩哔哩1、起透看视 约局吧开...
据目击者称!如何判断wpk辅助... 据目击者称!如何判断wpk辅助软件的真假(透视)本来是有辅助安装(果真有挂)-哔哩哔哩进入游戏-大厅...
据通报!wejoker透视方法... 据通报!wejoker透视方法(透视)其实存在有辅助工具(有挂细节)-哔哩哔哩1、据通报!wejok...