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

德扑起手牌胜率图!德州辅助分析... 德扑起手牌胜率图!德州辅助分析软件(透视)一向是真的有挂(详细辅助揭秘教程)是一款可以让一直输的玩家...

透视透视！hhpoker万能辅... 透视透视！hhpoker万能辅助器（透视）详细辅助必胜教程（好像是有挂）；1、打开软件启动之后找到中...

透视挂!wepoker私人局辅... 透视挂!wepoker私人局辅助(透视)竟然是有挂(详细辅助存在挂教程)；wepoker私人局辅助软...

透视科技(wePOKE)德州p... 透视科技(wePOKE)德州poker外挂(透视)详细辅助黑科技教程是一款可以让一直输的玩家，快速成...

透视好友！wepoke确实有挂... 透视好友！wepoke确实有挂，wepoke辅助软件下载，详细透视实用技巧；1）wepoke确实有挂...

wepoke辅助有挂!鱼扑克f... wepoke辅助有挂!鱼扑克fishpoker俱乐部辅助(透视)原本真的是有挂(详细辅助黑科技教程)...

透视规律！aapoker透视插... 透视规律！aapoker透视插件（透视）详细辅助辅助教程（竟然是真的有挂）；1、首先打开aapoke...

透视透视(WepOke)wep... 透视透视(WepOke)wepoke管理员(透视)详细辅助透明挂教程；1.wepoke管理员 ai辅...

透视计算!wepoker脚本下... 透视计算!wepoker脚本下载(透视)本然是真的有挂(详细辅助解密教程)；支持2-10人实时对战，...

透视游戏！aapoker透明挂... 透视游戏！aapoker透明挂，wepoke最新下载地址，详细透视解密教程透视游戏！aapoker透...