使用Angular 2渲染SVG数据

文章/答案/技术大牛

发布

1回答

angular、svg、data-binding

我有一个angular应用程序，它从服务获取产品信息，并在json对象中返回它。在html模板上，我希望在页面上显示此SVG图像。我已经尝试了几种不同的方法，但我不能得到任何渲染图像。StructureSVG" style="float:right"> 方法二： </d

浏览 6提问于2017-03-17得票数 3

2回答

在Angular中使用Renderer2绘制SVG

angular、angular-renderer2

如何在Angular中使用Renderer2呈现SVG (我已经将其本地存储在项目中)？我试着这样做： const div = this.renderer.createElement('div');this.renderer.appendChild(div, svg);

浏览 55提问于2021-04-25得票数 0

回答已采纳

3回答

Angular2 SVG xlink:href

angular、angular2-template

我有渲染SVG图标的组件：import {COMMON_DIRECTIVES} from 'angular2/common'; selector: '[icon]', template: `<<

浏览 5提问于2016-01-29得票数 48

回答已采纳

2回答

在Angular中渲染SVG

svg、angular

我正在尝试使用Angular (2+)渲染一些SVG文本。应用程序：import {SvgTextComponent} from 'src/svgtext.component.ts}}</h2</e

浏览 0提问于2016-04-13得票数 5

回答已采纳

1回答

动态加载svg作为react中的组件

reactjs、svg、components

我的问题基本上是这样的:我有一堆svg图像都存储在一个.js文件中，如下所示 import React from 'react' <svg> <svg width="40" height="40" viewBox="0 0 256 256"><ellipse cx=&quo

浏览 11提问于2019-03-22得票数 0

回答已采纳

1回答

箭头d3图形svg未渲染

javascript、angular、d3.js、svg、graph

我已经在这个问题上挠头好长时间了.我有一个为有向图渲染节点和链接的SVG。但是，这些线没有显示箭头。imp

浏览 1提问于2018-03-30得票数 1

1回答

DOM中没有选择器标记的Angular2组件

angular、svg

是否有一种方法，使用Angular2，通过选择器调用组件而没有此选择器出现在DOM中？import { Component, OnInit } from '@angular/core'; selector: 'match',>

浏览 0提问于2017-01-26得票数 2

1回答

带有SVG图形的Angular

javascript、angularjs、svg

我对Angular js非常陌生。我不明白为什么Angular不能和<svg>一起正常工作。当我尝试使用angular激活SVG元素时，我在控制台中看到错误:例如，在指令中，我有以下模板： <svg xmlns='http://www.w3.org/2000/svg' class='svgtimestroke-width='2'

浏览 2提问于2014-09-11得票数 0

1回答

Svg不在Angular2应用程序中呈现。

angular、svg

我发现在angular2应用程序中没有呈现简单粘贴的SVG。(function (e) { 'Report this error at https://github.com/mgechev/angular210" y="10" height="100" width="100" style="s

浏览 3提问于2015-10-16得票数 1

1回答

如何使用SVG进行初始Angular2加载

angular、svg

我想做一个SVG加载微调器，而不是Angular2的默认应用程序"Loading..“。这个是可能的吗？

浏览 0提问于2017-04-15得票数 1

2回答

在Ionic 3中未渲染SVG

svg、ionic-framework

我在我的Ionic应用程序上渲染SVG图像时遇到了一些问题。我使用的是用Adobe Photoshop生成的SVG文件，这些文件在我的浏览器上渲染得很完美。我检查了网上随机找到的一张SVG图片，它看起来很好。下面是我的SVG文件的内容。我不确定这里会有什么问题。<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink=&q

浏览 3提问于2018-04-09得票数 0

0回答

页面外的d3线条渲染

javascript、angularjs、d3.js

我试着用d和一个angular指令做一个简单的线状图。svg区域显示在页面上，但行部分呈现在页面之外。我确实缩放了x和y数据。我的console.log显示x和y值应该都适合svg的宽度和高度。我已经研究了一段时间，似乎找不到任何有效的解决方案。以下是angular代码：return{

浏览 5提问于2016-07-22得票数 0

1回答

如何将angular中的类名从component.ts传递给html SVG

javascript、angular、svg

我使用d3来创建图表，每个图表都必须有一个唯一的id。所以我需要使用类似这样的东西： <svg class="{{className}}"></svg> 在component.ts中定义了className，但这不起作用当我对值进行硬编码时，它可以工作，

浏览 17提问于2018-12-17得票数 3

1回答

角1.3 + SVG* +抑制"10 $digest...Aborting!“*

angularjs、svg

虽然我在角1.3代码中使用了"::“前缀，但我在Chrome控制台中看到了一条非常长的错误消息，其开头是：$rootScope:infdig 10 $digest()达到的迭代。流产！注意: SVG图形是在大约10秒后呈现的，但是最好能抑制控制台中出现的非常长的错误消息，这也会减少渲染时间。代码包括在内，欢迎below...suggestions：)<html ng-app="App">

浏览 1提问于2014-11-07得票数 0

回答已采纳

1回答

我正在玩tabler svg icon sprites，并想在我使用VMware Clarity Design的angular应用程序中使用它们。我使用sprite文件在我的按钮内部渲染图像，但图像与文本不对齐： <button type="button" class="btn btn-icon btn-outline btn-outline-primary"> <svg width="24&quo

浏览 18提问于2020-07-14得票数 0

1回答

如何在react中动态渲染图像？

reactjs、typescript

如何在react / typescript中动态渲染/导入图像？以下是我想要实现的目标。 MEDIAS.map((media) => (<img src={ 'assets/ic

浏览 3提问于2021-04-19得票数 1

1回答

来自W3.org的带有嵌入式字体示例的SVG图像无法工作

css、svg、fonts、svg-font

我试图创建一个SVG图像徽标与简单的图形和只有几个词的公司名称使用非标准字体。为了保持字体的大小，我决定只嵌入那些单词所需的字形，而不是整个字体。但是文本是，而不是使用自定义(嵌入式)字体显示的。下面是链接到官方SVG定义文章的示例：以下是文件中的代码： <?xml version="1.0" encoding="UTF-8"?font horiz-adv-x="313" xml:id="la&

浏览 5提问于2017-01-22得票数 1

回答已采纳

2回答

从Spring获取Angular* 2中的数据*

spring、angular

这是一个带有Angular 2代码的页面。如果Spring发送数据，我如何在页面上接收数据？我不想呈现一个页面，然后做一个HTTP请求，然后得到一个响应。不，在Spring控制器中，我想发送数据，然后用Angular 2以某种方式接收数据并显示(不需要额外的请求)。使用JSP很明显，但是如何在渲染页面时从Spring发送的JSON中设置Angular 2模型呢？我现在拥有的是Sp

浏览 1提问于2016-03-12得票数 2

4回答

缺少方法indexOf的SvgAnimatedString

javascript、d3.js、angularjs

我正在和一起使用。当在svg对象(通过angular指令渲染)中使用超链接时，我得到了这个错误。根据文档，svgAnimatedString没有任何特定的方法。我怎么才能解决这个问题。svg.selectAll("a.node") .enter().append("

浏览 9提问于2012-09-26得票数 6

回答已采纳

1回答

Plotly Graph对象大小在fig.show()中没有使用'renderer‘关键字

plotly、plotly.graph-objects

当我尝试在plotly fig.show()中使用renderer = 'svg'时，当我使用下面的命令时，我无法改变图形的大小。layout = go.Layout(title = 'Distribution of Target Variable', width = 800)) fig.show(renderer = 'svg') 如果删除渲染器参数，则可以更改大小。

浏览 74提问于2020-10-30得票数 0

点击加载更多