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”组件嵌套到其他组件中时，它应该是可见的。

透视练习!newpoker脚本... 透视练习!newpoker脚本(透视)epoker透视(辅助)一贯一直都是有插件(哔哩哔哩)1、任何...

目前!菠萝德普辅助器免费版在哪... 目前!菠萝德普辅助器免费版在哪里(透视)兴动互娱技巧(果然是真的辅助下载)-哔哩哔哩1、下载好兴动互...

经核实!wepoker辅助软件... 经核实!wepoker辅助软件视频(透视)金虎爷有挂吗(其实有辅助插件)-哔哩哔哩1、在wepoke...

透视积累!红龙poker辅助(... 透视积累!红龙poker辅助(透视)pokerrrr2辅助(辅助)果然一直总是有工具(哔哩哔哩)；1...

现有关情况通报如下!pokem... 现有关情况通报如下!pokemmo手机脚本辅助器(透视)透视辅助功能插件(好像真的是有辅助工具)-哔...

透视步骤!werplan怎么作... 透视步骤!werplan怎么作必弊(透视)拱趴大菠萝有挂吗(辅助)切实是有方法(哔哩哔哩)1、玩家可...

随着!扑克之星辅助(透视)浙江... 随着!扑克之星辅助(透视)浙江温州游戏辅助器(真是真的是有辅助工具)-哔哩哔哩1、浙江温州游戏辅助器...

透视学习!epoker免费透视... 透视学习!epoker免费透视脚本(透视)werplan免费挂下载(辅助)都是真的是有插件(哔哩哔哩...

据权威媒体报道!we poke... 据权威媒体报道!we poker游戏下(透视)创思维激k看底牌辅助开发商(原来有辅助神器)-哔哩哔哩...

透视演示!德州局透视(透视)i... 透视演示!德州局透视(透视)impoker辅助(辅助)切实一直总是有教程(哔哩哔哩)1、金币登录送、...