如何在 SVG 路徑內的 select？
[英]How to select inside of SVG path?
如何更改圓圈的內部顏色？ 或者當我的 cursor 進入 SVG 圈內時，我該怎么做 animation？ 我嘗試使用填充、填充規則和填充不透明度，但它不起作用。 當我在圈內 hover 時，我希望他們做 animation 這是代碼： https://codesandbox.io/s/fram ...
從 Illustrator 操作 SVG 文件以將路徑名稱更改為該路徑中的文本
[英]Manipulating an SVG file from Illustrator to change Path names to text within that path
我目前在 Illustrator 上有一個文件需要處理。 在文件 (SVG) 中，有許多這樣命名的矩形或“路徑”（路徑）。 在這些路徑之上，有一些我想使用的文本，以便將文檔中的所有路徑重命名為它們的特定 (ID)。 在此處輸入圖像描述ID 只是位於文檔路徑頂部的文本。 希望您能夠在上圖中看到我的意思 ...
如何使用 javascript 從 SVG 文件中獲取 ID
[英]How can I get an ID from SVG file using javascript
我在訪問 SVG 文件和rect標簽內的 ID 時遇到困難，以操縱 SVG 我正在使用 Snap.svg 庫。 在這種情況下，我想在 javacript 文件中獲取id="rect252"並更改此 object 的可見性。 由於某種原因，我無法獲得此 ID。 我的 HTML： 我的 Javascr ...
在 Snap.svg 中，如何使 Element.drag() 僅在特定變量為真時起作用
[英]In Snap.svg, how to make Element.drag() work only when a particular variable is true
我有一個像這樣的 function：- 我的挑戰是當變量 mousemode 更改為其他內容時，例如 mousemode == 'simple' 即使這樣，以下拖動代碼仍會繼續顯示其對拖動 Element(#zoombox) 的影響。 我希望只有當變量 mousemode 設置為“pan”時，拖動才 ...
Snap.svg 無法為 .transform()<use> 標簽元素
[英]Snap.svg failing to .transform() for <use> tag element
我的 svg 中有一個 use 元素，例如 我有一個懸停功能，可以在懸停時轉換 .markerpoint 類元素：- Transform 對 svg 的其他元素（如 <circle ....> 或 <rect ....> ）工作正常，但為 <use ...&g ...
在 SVG 地圖上捏合和縮放
[英]Pinch and Zoom on SVG Map
我有一個 SVG，它是一個建築地圖，每個房間都有自己的元素。 我使用帶有 Snap.svg 的 javascript 和 Snap.svg.zpd 插件和 jquery-touchswipe 來捕獲觸摸事件。 每個房間都有一個元素，因此人們可以單擊或觸摸房間以獲取房間信息。 我可以在地圖外完美地捏合 ...
在每個矩形中同時/在立即創建矩形之后創建 9 個圓（每個角 4 個，側面 4 個，中間 1 個）
[英]Creating 9 circles in each rectangle (4 in each corner, 4 on the sides and 1 in the middle) at the same time/after immediately creating a rectangle
我有一個挑戰，我試圖在立即創建一個矩形后同時在每個矩形中創建 9 個圓圈（每個角 4 個，側面 4 個，中間 1 個）。 在我的方法中，用一個矩形創建了 4 個圓，這是不希望的！ 每個矩形應在創建時同時包含 9 個圓（每個角 4 個，側面 4 個，中間 1 個）。 更准確地說，創建每個矩形 ...
將兩個 snap svg 組合並為一組
[英]Combining two snap svg groups into one single group
我有兩個 snap grp2組grp1和 grp2 。 現在我想把這兩組合並成一個組。 我已經嘗試過append() 、 appendTo() 、 prepend() 、 prependTo()但它們都以一種或另一種方式在另一個組中添加一個組。 這是JSFiddle上的代碼有誰知道如何實現這一目標？ ...
從 snap svg 組中的同一 position 中刪除和添加元素
[英]Remove and add elements from same position in snap svg group
我有 5 個元素的 svg 組，例如； 然后我可以使用索引訪問myGroup的特定元素，例如，如果我想更改文本的屬性，我可以使用myGroup[3]因為它位於myGroup的第三個索引處。 現在我想刪除第二個索引處的元素，然后在同一索引處添加一些其他元素，所以我使用了remove()方法，例如； 但 ...
snap.svg 元素 addeventListener 加載事件循環不起作用
[英]snap.svg element addeventListener load event loop not working
我正在為日常使用創建一個動畫圖標。 通過 id 選擇一個元素可以正常工作，但在一個代碼中使用多個元素不起作用。 如何使多個元素起作用？ 鏈接是我的代碼。 url: https://codepen.io/choimorae/project/editor/XVyLdV enter code here ...
如何在 snap.js 中添加 canvas 五彩紙屑
[英]How to add canvas confetti in snap.js
如何在 g0 和 g1 之間的snap.js中添加canvas 五彩紙屑 我還沒有設置坐標。 我舉了一個例子canvas 五彩紙屑 animation 鼠標懸停 ...
蜜蜂 SVG animation 與 SVG.js
[英]Bee SVG animation with SVG.js
正如您在此codepen中看到的，在 SVG canvas 中有一個簡單的 Bee SVG。 理想情況下，我想實現一個 animation，其中蜜蜂在 canvas 周圍嗡嗡作響，但現在我很容易嘗試從左到右移動它。 我使用的庫是snap.svg 我的基礎是這個codepen ，但不知何故我沒有讓它 ...
(React) 原因為什么在 css 中無法解析 img css 背景 img？
[英](React) Reason Why can't resolve img css background img in css?
我試圖在 css 中通過背景 url 發布 img 但錯誤一直像這樣發生...... 為什么會發生此錯誤？ // 這是組件代碼 // 有問題的 css 文件 ...
如何根據 CSS 確定 SVG 元素的實際屬性
[英]How to to determine the actual attribute of an SVG Element based on CSS
我正在尋找一種方法來確定屬性的實際值，例如 SVG （路徑，圓，...）中包含的元素的填充或描邊。 我知道解析 SVG 和訪問直接元素屬性的幾種方法，但我找不到一種簡單的方法來確定屬性的值，因為它會在考慮級聯 styles 和 xlink:href 引用的情況下顯示。 ...
需要幫助從 JavaScript 中的字符串中提取數字
[英]Need help extracting numbers from string in JavaScript
我需要一個堅如磐石的 RegExp 來嘗試解決 Raphael.js parseStringPath處理有關 Arc 路徑命令和可能的其他問題的一些問題（SnapSVG 也繼承了這個問題）。 您會看到， arcTo路徑命令接受 7 個坐標和設置，但是由於極端優化，某些字符串可能會格式錯誤，並且瀏覽器 ...
SVG 形狀變形與價值而不是時間
[英]SVG shape morphing with value and not time
我正在使用 Javascript 和 snap.svg 創建游戲我之前用 snap.svg 制作了很多界面和 UI，並廣泛使用了動畫 function 提供的補間。 這包括具有相同頂點數量的兩個形狀之間的變形動畫。 問題是，我可以使用值而不是時間在兩個 SVG 路徑之間進行補間嗎？ 我想通過輸入我自 ...
Gatsby 中的 Snap.svg 緩動
[英]Snap.svg easing in Gatsby
使用 Gatsby 時如何從Snap.svg訪問mina ？ 我可以通過import Snap from 'snapsvg'完美地導入Snap對象。 但是當我嘗試使用mina或使用import Snap, { mina } from 'snapsvg'它告訴我“未定義 mina”。 我的gats ...
是否可以在點擊文本后獲取環繞文本的路徑ID，而不進行分組
[英]is it possible to get the path id that surrounds the text after the text was clicked, without grouping
我正在創建一個 inddor 地圖，我有一個 svg，我不確定當我單擊文本（租戶 A）和路徑 ID（商店 2）時是否可以獲取路徑 ID（商店 1），當我單擊文本（租戶 B）時 這是我的 svg： <svg id="svg" xmlns="http://www.w3.org/20 ...
使用 SVG.js 克隆一個 SVG 矩形
[英]Clone a SVG Rectangle with SVG.js
您好，我正在嘗試使用 svg.js 庫克隆這個 SVG 矩形。 我像這樣嘗試過，但它似乎不起作用，還是我必須做其他事情才能使它實際出現/被繪制？ 期待您的回答！ ...