svg

0热度

1回答

我不知道为什么这不起作用。它应该在对角线上剪切绿色矩形。如果可能的话，我宁愿不改变我的html结构（改变SVG是好的）。 .el-to-clip{ clip-path: url(#nav-path); width: 500px; height: 1000px; background-color: green; } <svg width=

0热度

1回答

CSS变换不适用于页面加载和动态更新<g>内部svg

我想将文本放置在SVG元素的左下角，并设法实现使用组和变换，但注意到它不会更新如果我垂直调整我的窗口大小，也不会适用于页面加载，但如果我通过开发人员控制台添加转换属性。他们完美地工作，直到我调整窗口。它是某种错误还是我做错了什么？有没有另一种方法来定位SVG元素相对于左下方的文本，并保持它响应窗口调整大小？顺便说一下，我正在使用Chrome 61。这里有一个链接的jsfiddle太： http

-1热度

2回答

添加SVG属性的一类

我使用SVG制作的图像，许多元素具有相同的属性，即典型的元素看起来像： <line x1="30" y1="10" x2="270" y2="10" stroke-width="0.1" stroke="lightgray" stroke-dasharray="2.5 2.5"/> 有很多这种类型的线，其中的只有变化的东西是坐标。必须有一种方法来创建某种包含stroke-width，strok

0热度

2回答

如何更新Angular 4中的SVG元素属性？

我使用的是Angular的4.4.4版本。在我app.component.html我有这样的代码 <button class="btn btn-primary" (click)="updatePosition()">Up</button> <svg id="svg"> <image xlink:href="../assets/map.png" x="0" y="0" heig

0热度

1回答

带梯度的SVG路径

目前，我有一个脚本（through .py plug-ins in GIMP），可以生成SVG path with a gradient（通过具有不同宽度和颜色的相同路径的多个路径来模拟）。不过，我想知道是否有语法产生，而不需要定义多个路径类似的东西。就像定义一个渐变和单个路径一样。我搜索了像svg路径渐变这样的关键字，到目前为止我发现的所有渐变都沿着路径变化，没有类似于上面显示的内容，所以

0热度

1回答

不正确的路径渲染反应母语-SVG

使用Inkscape中，我创建从PNG SVG文件，然后我试图做出反应，本机SVG使用其路径的d（这是由Inkscape中产生的），但我失败了。这是我的代码，但它呈现只给出填充颜色rectanagle： import React from 'react'; import styled from 'styled-components/native'; import { withTheme } f

1热度

1回答

为什么我的动态创建的<use>元素不显示？

使用JavaScript和jQuery我试图用链接到另一个组元素的使用元素替换组元素。 // Javascript origgroup = $("#origgroup")[0]; repgroup = $("#referenceGroup1")[0]; origgroupParent = origgroup.parentNode; use = document.cre

0热度

1回答

反应SVG渲染问题

我想导入和SVG标志作为一个组件，我得到了错误，如下面的截图所示。打开SVG到网络浏览器，这呈现罚款如预期，但是当放入我的应用程序它不喜欢它出于某种原因。我唯一注意到的是SVG的名称 - svg的实际名称是“test.svg”，但是，错误将其识别为“test.5d5d9eef.svg”。我不确定这个号码在哪里或如何生成。另请注意，我的组件中的“SVG”代码是一个测试，看看它是否会渲染，并且渲

0热度

2回答

如何合并SVG形状与svg文本

我试图合并svg文本与SVG形状的问题。这是我当前的代码，当我的指针在框中时，白条仅变为灰色，但当它位于该字母上时，该框变白。我如何使它保持灰色，即使我的鼠标位于文本上，直到我将指针从文本和框中移开。我试过把这些功能放在<g>，<a>,<svg>标签中，但它根本不起作用。 <script> function ontop(x){ x.style.fill = "#c8cace

1热度

1回答

预期'）' - SVG转换投掷错误

我正在使用D3将属性添加到g元素。我也使用D3-selection-multi来更容易地编写属性（允许您将对象传递给.attrs()函数）。使用webpack和babel-preset-env d3.select('g').attrs({ 'class': 'thing', 'transform-origin': '50% 50%', 'transform': `t