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、ai机器人多个强度级别选择2、a...

黑科技透明挂！wePOke辅助... 黑科技透明挂！wePOke辅助脚本，Wepoke输赢果然是有挂（详细真的有挂教程）一、软件透明挂的定...

透视辅助！wpk外卦挂，（WP... 透视辅助！wpk外卦挂，（WPK数据）总是存在有挂（详细ai辅助教程）；小薇（透视辅助）致您一封信；...

8分钟了解！微扑克透视辅助软件... 8分钟了解！微扑克透视辅助软件，微扑克安卓版本总是是真的有挂（详细辅助挂教程）1）辅助挂：进一步探索...

实测交流！红龙扑克都是机器人吗... 1、实测交流！红龙扑克都是机器人吗，红龙扑克其实有挂（详细辅助教程）；该软件可以轻松地帮助玩家将透视...

透视辅助！微扑克一贯是有挂，德... 透视辅助！微扑克一贯是有挂，德州微扑克外挂其实真的是有挂（详细全自动机器人教程）1、系统规律教程、辅...

透视辅助！wpk辅助软件，（w... 透视辅助！wpk辅助软件，（wpk总结）本来真的有挂（详细发牌逻辑教程）1、起透看视透明视辅助2、...

9分钟了解！微扑克透视辅助挂，... 9分钟了解！微扑克透视辅助挂，微扑克下载都是有挂（详细有辅助挂教程）1、实时开挂更新：用户可以随时随...

玩家爆料！红龙扑克是正规的吗，... 玩家爆料！红龙扑克是正规的吗，红龙扑克原来是真的有挂（详细辅助工具教程）1、任何德州ai辅助神器的玩...