Angular 2 SVG CSS在组件内部呈现不同
使用以下代码片段将一些设计转移到Angular 2： 当我在角度组件之外使用此代码
..
svg相关内容
在SVG上使用Google字体< object>
我在使用 标记嵌入SVG到我的页面，他们应该使用Google字体（例如 Roboto ）。但是，SVG不会选择这些字体，而是默认为系统字体。 我做错了什么？每个SVG需要字体本身嵌入 ？
..
正确的方式与< svg>
如果SVG文件中有完整的场景，使用SVG的正确方法是什么？ 将场景拆分为多个文件 将整个场景加载到一个元素，然后对场景中的组进行动画处理？ 解决方案 这取决于你的工作方式。我想象，与其他人，例如动画师等，他们将经常提供单独的文件。所以它可能会更容易这种方式。我不认为这是一个正确的答案。如果你一次性加载它，至少你不必工作，当各种异步加载完成，虽然。
..
图表显示在非IE浏览器的同一行，但在IE浏览器的下一行
以下是您可以为自己尝试的确切代码： http://bl.ocks.org/AndrewStaroscik/5232739 在IE中渲染时，每个图表显示在不同的行。 当我在IE以外的任何其他浏览器中渲染它时，图表显示在同一行上，如在线元素。 发生了什么事？这是什么原因？有什么修复？ 解决方案 对于我所有的人都是在内联时装加载的原因？因为SVG具有由浏览器的USER AGE
..
使用SVG来剪辑（或屏蔽）DIV
我已经google了很多，我刚刚放弃，所以我会转向专家，看看有没有人可以帮助我在我的追求。 我有一个徽标通过插画家转换为.SVG。 我的目标是使用该标志剪辑（或者如果你喜欢掩盖）整个div，以便只有一小部分它显示通过，你可以看到背景。 我决定采用.SVG方式，因为我想创建这个网站作为一个完全可扩展的体验，因此.png不能准确地工作从全高清分辨率到1024x768。 所以
..
SVG的CSS选择器< use>后代 - IE解决方法想
我的内置SVG模拟了一个三位数的七段（ en.wikipedia.org/wiki/Seven-segment_display ）LED指示灯。由于可重复使用的段组，我将这些七次编码一次，并由 元素放置三次。由于重复的字符，我使用CSS选择器编码每个字符模式一次，打开相应的段。 这应该是什么样子 显然，它在IE中不起作用，至少在写这个时候。据我所知，IE不能处理SVG元素内的后代
..
SVG animateTransform不能像css3转换一样工作
SVG animateTransform与css3转换不同。 svg.truck {overflow：visible;}。{transform-origin：50％50％;动画：烟1.5s无限放宽;} @ keyframes smoke {from {transform：translate（0，5px）scale（1,1）;}到{transform：translate（40px，10px）
..
chrome和opera中的溢出问题
我有溢出在 0px有问题 height width 新版本中的元素 我的源代码（ jsfiddle ） 在最新的chrome和歌剧（不在firefox和边缘） css： .cssload-dots { width：0; height：0; position：absolute; top：0; left：0; bottom：0; right：0;
..
css动画和动画方向在IE11中不工作
我想在SVG路径中显示动画虚线。 路径使用d3动态生成，动画可以在两个方向。它在所有浏览器中工作，除了IE。 小提琴链接 我的问题类似于 SVG动画不工作在IE 11 。
..
Greensock Tweenlite转化
我使用tweenlite库来旋转，移动和缩放图像。 问题是，我得到3D变换的图像， ，但我想要有2D变换。 如果tweenlite检测到有浏览器不支持3D，他会做2d。我怎么能迫使他总是做2D？它必须是一些设置。或者只是禁用3D。 （3d in svg在任何IE浏览器中不起作用） 这是确定： transform =“matrix（0.1082 0 0 0.1082 97 58）
..
使用CSS，有一种方法来改变SVG的< filter>元件？
我有这个SVG路径，改变其颜色 hover 。但是，我想使用过滤器元素创建的阴影在 hover 上消失。有没有办法在CSS这样做？我尝试使用 fill-opacity - 它在 rect 元素，但不是在 filter 元素。 这里是影子仍然可见的小提琴： http://jsfiddle.net/4d6j4/ 解决方案 css中的feFlood元素的-opacity属性。 htt
..
SVG viewbox显示显示屏幕项目
我在HTML5中使用 svg 标签制作游戏，以提供多分辨率显示。大多数游戏是完整的，但在测试中，我刚刚遇到一个涉及SVG对象可见的重大错误，尽管在非本机分辨率的viewbox外。我不知道这是一个缺陷在我的代码，或与浏览器本身（谷歌Chrome 54.0.2840.99米（64位）和57.0.2950.0（官方编译）金丝雀（64位））。我必须使用谷歌浏览器，因为我在项目中使用WebSQL（它不是在许
..
范围滑块端点在Firefox中被切断
我正在处理合理的跨浏览器原生范围滑块的CSS。在Chrome中，端点很好，但在Firefox中它们被截断。 HTML
..
NVD3 noData文本颜色更改
我使用nvd3折线图和自定义noData的文本。现在我需要更新文本的颜色，并希望文本下划线。我更新了css与下面的更改。 text.nvd3.nv-noData { color：“yellow”; text-decoration：underline; } 然而，文本装饰完美，但颜色不会改变。 我更改了svg文本的填充值，但它会更改所有文本的文本颜色，包
..
将填充动画添加到SVG饼图
我想为带有动态和未知值的饼图加载动画。假设我检索值asap并以一个圆整的百分比转换它： var percentage = Math.round总）; 然后我把我的价值：
$（'＃pie-get-percentage'）。html（per
..
d3js缩放圈子组
我第一次尝试d3.js缩放行为，我很努力得到它的工作。我的要求是有一个放大，缩小行为在svg元素，其中浏览器的缩放行为应该禁用，只有svg中的圆圈应该增加/减少其半径放大/缩小。 总之，当用户滚动鼠标时，svg的宽度，高度不应该改变。只是圈子应该改变其半径。 这是我现在，任何人都可以帮助我填补它？
..
如何旋转单独的SVG元素与jQuery / Javascript？
我有一个重复的矩形形状的SVG。在滚动时，每个矩形应单独旋转。 我遇到的问题是整个SVG块旋转，而不是单独。 是否可以将脚本定位为将每个矩形视为单个元素进行旋转？ my： JSFiddle 这里是一个旋转解决方案发现在某个地方，但它影响整个SVG： $（function（）{ var sdegree = 0; $（window）.scroll（functi
..
animateTransform不适用于变换缩放
我想让#moon svg组遵循一个路径并应用定时变换。 当我设置animateMotion时，它会导致 移出框架。我调整与属性transform =“翻译（-53，-130）”这是罚款。当我添加addTransform时， 下降并退出框架，我不能调整翻译以使其回到框架。那么，有没有办法保持 到位或使用addTransform重新调整回框架？
..
使SVG响应
我有一个SVG与以下代码。我想让它有一个响应宽度，我已经读，你不应该在视口设置宽度和高度，但当我删除它们的SVG消失。 .thumb_arrow {z-index：1000; background-size：100％100％; float：right;位置：相对; bottom：2rem; left：2rem; margin-right：1rem; @media（min-width：@ s
..
如何使用< input type = number>更改“rect”框的大小和坐标。当使用jQuery / JS
我有一个 rect 框（ svg ）。代码：
..