svg

0熱度

1回答

我有一個SVG動畫，我想知道如何在動畫序列完成一次後停止並離開SVG。這樣的標誌停留在頁面上，直到下一個頁面刷新等這裏的演示： https://jsfiddle.net/u410bjyk/ HTML： <svg class="pin" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.

0熱度

1回答

如何將ID屬性設置爲使用C3.js創建的SVG元素？

我正在探索C3.js，並一直在使用它來構建基本圖表。我已經根據C3網站提供的模板構建了一個簡單的條形圖，並根據該值對其進行了修改以顯示不同的顏色。以下是JS代碼： var chart = c3.generate({ data: { columns: [ ['data1', 30, 20, 50, 40, 60, 50], ], type: 'bar',

0熱度

1回答

InnerSVG在IE11中爲SVG元素爲空

我嘗試獲取屬性innerSVG值和catch undefined。不明白請去安慰內容，我用jQuery('#main_svg')[0].innerSVG

0熱度

1回答

創建帶圓角的三角形的SVG路徑

我想創建一個帶圓角的三角形的簡單svg路徑。我已經從這個三角形開始： <svg width="440" height="440"> <path d="M5,100 L70,5 L135,100 z" fill="none" stroke="black" stroke-width="3" /> </svg> 但我努力在彎道加 - 這是據我已經有了： <svg width="44

0熱度

1回答

我不相信BoxShadow正在代碼2上正確應用

我不相信Box-Shadow正在正確應用代碼2.有人可以告訴我我做錯了什麼嗎？他們都使用Box Shadow。這是奇怪的原因，如果他們都以同樣的方式應用，是什麼導致第二個代碼行爲不同？我似乎無法弄清楚。任何人都可以爲我解決這個問題嗎？代碼1和代碼2 https://jsfiddle.net/1xmkespg/5/ 代碼1： https://jsfiddle.net/1xmkespg/10/

-1熱度

1回答

Webpack 3 SVG加載錯誤

不知道爲什麼我得到這個錯誤，因爲webpack設置與舊項目相同。 ERROR in ./app/static/imgs/sketch.svg Module parse failed: /Users/leongaban/projects/personal/CoinHover/coinhover.io/app/static/imgs/sketch.svg Unexpected token (1:0)

0熱度

1回答

更新火狐55內嵌圖像（IMG）後在HTML畫布通過SVG

未呈現，我已經開發出一種帆布區，其中幾個HTML元素渲染爲SVG數據。它在firefox新的更新版本之前工作完美。現在，在最近更新之後，只有CSS背景圖像正在渲染。通過img標籤嵌入圖像沒有任何顯示。我不能使用css背景圖片，因爲有一些限制。我必須通過更高的z-index和位置：絕對屬性來顯示背景中的顏色和上層的一些PNG圖像。所以，它會感覺像透明區域的彩色繪圖。更新 - 示例代碼 - <ca

-1熱度

1回答

添加自定義圖標到本地字體真棒

我想添加自定義SVG圖標字體真棒，並在我的項目中使用它們。我發現這些是一些像fontello這樣的網站，您可以上傳自己的SVG圖標並使用它們。但這些服務的問題是，你必須上傳圖像到他們的網站，我想避免。有什麼辦法可以在本地做同樣的事情嗎？

2熱度

1回答

如何讓SVG路徑的筆畫獲取背景圖片？

我在SVG元素（僅路徑）上使用動畫（只需通過JavaScript非常頻繁地切換路徑的可見性屬性）。 SVG具有背景圖像。一些顯示的路徑必須在筆畫上有背景圖像（看起來好像它們是擦除路徑）。我使用SVG的屏蔽能力做到這一點，如下所示： var t = 0; var displayDictionary = {}; function fillDisplayDictionary()

1熱度

1回答

鼠標關閉時的動畫返回

將鼠標懸停時，我將變換動畫應用於svg元素的不同部分：效果很好。但是，當我離開懸停區域時，我想以oppsoite方式擁有相同的動畫。我會怎麼做？這就是我目前的「動畫」： .sw_cta:hover #svg_spitze{ transform:translateY(100px); transition: all 0.5s; } .sw_cta:hover #svg_st