svg

    0熱度

    1回答

    內聯SVG不工作的CSS剪輯路徑

    我不知道爲什麼這不起作用。它應該在對角線上剪切綠色矩形。如果可能的話，我寧願不改變我的html結構（改變SVG是好的）。 .el-to-clip{ clip-path: url(#nav-path); width: 500px; height: 1000px; background-color: green; } <svg width=
    css svg 2017-10-04

    0熱度

    1回答

    CSS變換不適用於頁面加載和動態更新<g>內部svg

    我想將文本放置在SVG元素的左下角，並設法實現使用組和變換，但注意到它不會更新如果我垂直調整我的窗口大小，也不會適用於頁面加載，但如果我通過開發人員控制檯添加轉換屬性。他們完美地工作，直到我調整窗口。 它是某種錯誤還是我做錯了什麼？有沒有另一種方法來定位SVG元素相對於左下方的文本，並保持它響應窗口調整大小？順便說一下，我正在使用Chrome 61。 這裏有一個鏈接的jsfiddle太： http
    html css svg transform 2017-10-04

    -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
    html css svg styling 2017-10-04

    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
    angular typescript svg 2017-10-04

    0熱度

    1回答

    帶梯度的SVG路徑

    目前，我有一個腳本（through .py plug-ins in GIMP），可以生成SVG path with a gradient（通過具有不同寬度和顏色的相同路徑的多個路徑來模擬）。 不過，我想知道是否有語法產生，而不需要定義多個路徑類似的東西。 就像定義一個漸變和單個路徑一樣。 我搜索了像svg路徑漸變這樣的關鍵字，到目前爲止我發現的所有漸變都沿着路徑變化，沒有類似於上面顯示的內容，所以
    svg plugins gradient gimp gradients 2017-10-04

    0熱度

    1回答

    不正確的路徑渲染反應母語-SVG

    使用Inkscape中，我創建從PNG SVG文件，然後我試圖做出反應，本機SVG使用其路徑的d（這是由Inkscape中產生的），但我失敗了。這是我的代碼，但它呈現只給出填充顏色rectanagle： import React from 'react'; import styled from 'styled-components/native'; import { withTheme } f
    javascript svg react-native 2017-10-05

    1熱度

    1回答

    爲什麼我的動態創建的<use>元素不顯示？

    使用JavaScript和jQuery我試圖用鏈接到另一個組元素的使用元素替換組元素。 // Javascript origgroup = $("#origgroup")[0]; repgroup = $("#referenceGroup1")[0]; origgroupParent = origgroup.parentNode; use = document.cre
    javascript jquery svg 2017-10-05

    0熱度

    1回答

    反應SVG渲染問題

    我想導入和SVG標誌作爲一個組件，我得到了錯誤，如下面的截圖所示。 打開SVG到網絡瀏覽器，這呈現罰款如預期，但是當放入我的應用程序它不喜歡它出於某種原因。 我唯一注意到的是SVG的名稱 - svg的實際名稱是「test.svg」，但是，錯誤將其識別爲「test.5d5d9eef.svg」。我不確定這個號碼在哪裏或如何生成。 另請注意，我的組件中的「SVG」代碼是一個測試，看看它是否會渲染，並且渲
    javascript reactjs svg 2017-10-05

    0熱度

    2回答

    如何合併SVG形狀與svg文本

    我試圖合併svg文本與SVG形狀的問題。 這是我當前的代碼，當我的指針在框中時，白條僅變爲灰色，但當它位於該字母上時，該框變白。我如何使它保持灰色，即使我的鼠標位於文本上，直到我將指針從文本和框中移開。我試過把這些功能放在<g>，<a>,<svg>標籤中，但它根本不起作用。 <script> function ontop(x){ x.style.fill = "#c8cace
    javascript html css svg 2017-10-05

    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
    d3.js svg transform 2017-10-05
最新問題