Angular嵌套SVG组件不可见 _程序开发

创始人

2024-10-29 03:00:45

0次

在使用Angular嵌套SVG组件时，有时可能会出现组件不可见的问题。这通常是由于SVG元素的尺寸不正确导致的。为了解决这个问题，需要在组件的HTML模板中设置SVG元素的视口和控制元素的大小。

例如，如果有一个名为“my-svg”的SVG组件，代码如下：

import { Component } from '@angular/core';

@Component({
  selector: 'my-svg',
  template: `
    
  `
})
export class MySvgComponent {}

在此示例中，视口设置为“0 0 100 100”，表示SVG元素的大小为100x100像素。此外，SVG元素的高度和宽度都设置为“100％”，以便SVG元素填满其容器。

现在，当将“MySvgComponent”组件嵌套到其他组件中时，它应该是可见的。

专业讨论！同城游辅助器软件下载... 专业讨论！同城游辅助器软件下载，广东雀神辅助器透视，详细脚本（有挂攻略）一、同城游辅助器软件下载可以...

今日科普！潮汕汇游戏辅助，随意... 今日科普！潮汕汇游戏辅助，随意玩正版房卡有开挂，详细方法（有挂规律）随意玩正版房卡有开挂辅助器是一种...

重大通报！超级三加一辅助，欢乐... 重大通报！超级三加一辅助，欢乐情怀辅助挂，详细插件（有挂讲解）1、进入游戏-大厅左侧-新手福利-激活...

如何分辨真伪！随意玩有辅助吗，... 如何分辨真伪！随意玩有辅助吗，宝宝游戏辅助器，详细技巧（今日头条）1、进入到随意玩有辅助吗是否有挂之...

必看攻略！悟空大厅微信辅助，泉... 必看攻略！悟空大厅微信辅助，泉州相约十三水辅助，详细挂（有挂方式）1、全新机制【泉州相约十三水辅助a...

必备教程！微信小程序中至赣牌圈... 必备教程！微信小程序中至赣牌圈辅助，蘑菇辅助脚本，详细挂（有挂攻略）；1、玩家可以在微信小程序中至赣...

今日重大通报！欢乐联盟卡五星辅... 今日重大通报！欢乐联盟卡五星辅助，广西微乐小程序脚本，详细脚本（有挂实锤）1、实时欢乐联盟卡五星辅助...

重大科普！来几局辅助器开挂，链... 重大科普！来几局辅助器开挂，链接大厅辅助插件有哪些，详细神器（果真有挂）1、金币登录送、破产送、升级...

实测教程！大玩家福建十三水辅助... 实测教程！大玩家福建十三水辅助，决战卡五星辅助修改器，详细教程（有挂秘笈）1、点击下载安装，决战卡五...

记者爆料！乐平包王讨赏辅助，上... 记者爆料！乐平包王讨赏辅助，上饶中至能操控吗，详细脚本（发现有挂）1、记者爆料！乐平包王讨赏辅助，上...