javascript - 如何讓svg標籤內的元素寬高等於svg標籤的寬高？

我的svg標籤外面用一個div盒子包裹，svg設定寬高為外面盒子寬高的100%，修改div盒子的寬高，此時svg的寬高始終和div盒子一樣，但是svg裡面的path標籤的寬高卻和svg不一樣，如圖怎麼讓svg裡面的元素整體寬高等於sv...

曾经蜡笔没有小新 2017-05-16 13:27:36 0  2  969

css - 關於svg使用的問題

設計師讓我不相容svg的用他給的png圖片，相容svg的 就用svg；這個相容問題，我看到張鑫旭的部落格的寫法如下。 <svg width="96" height="96"> <image xlink:href="svg.svg" src="svg.png" width=&quo

高洛峰 2017-05-16 13:20:43 0  2  919

使用JavaScript產生SVG元素

如何使用JavaScript建立一個SVG元素？我嘗試了以下程式碼：varsvg=document.createElement('SVG');svg.setAttribute('style','border:1pxsolidblack');svg.setAttribute('width','600');svg.setAttribute(' height','250');svg.setAttribute

P粉662802882 2023-08-22 22:04:39 0  2  587

網站上有個圖示改不了了 求幫忙 是用svg寫的

網站上有個圖示改不了 求幫忙  是用svg寫的<div class="bar-logo">    <svg xmlns="http://www.w3.org/2000/svg" class="menu-svg ">   &nb

藍錄_陈炳夷 2018-08-11 13:03:40 0  1  1138

使用React在HTML中的SVG路徑選擇器

我正在創建一個繪畫應用程序，用戶可以在其中上傳SVG。填滿不同的顏色，在SVG上繪製，然後將其擦除。但不幸的是，我無法取得SVG的路徑。下面是SVG圖像，如果我將滑鼠懸停，我只想獲取該懸停路徑的路徑並用所選顏色填充它。我嘗試了Canvas和SVG路徑。但沒有運氣。 Canvas有beginPath方法，我用它來繪製SVG。 <?xmlversion='1.0'encoding='utf-8'?&

P粉566048790 2023-09-01 23:22:48 0  1  660

為 HTML 網站調整腓尼基字母的 SVG

我正在嘗試改編在Inkscape中創建的開源SVG，以便將其嵌入到我的實驗網站中，就像我對同一字母表中的其他SVG所做的那樣。我網站上的腓尼基「mem」和「nun」SVG<svgversion="1.1"id="nūn"xmlns:svg="http://www.w3.org/2000/svg"xmlns="http: //

P粉558478150 2024-01-10 18:12:25 0  1  733

使用mPdf縮放SVG路徑並轉換

你好，我在SVG方面遇到了問題。首先，我將SVG放入HTML中，透過輸入類型為radio的方式，使用者可以縮放此SVG（透過新增具有百分比值的寬度樣式屬性）。但是當我將其發送給mpdf（SVGs在JSON中）時，它不起作用。然後我嘗試在pdf上計算大小，但我無法適應此SVG的viewbox/size。所以我得到的SVG如下：我想在pdf上渲染它，但尺寸不同。 functiongetPrintSize(

P粉287726308 2023-08-16 17:57:54 0  1  761

javascript - svg小白，想要在svg裡面插入圖片

程式碼如上，想要在svg裡面插入圖片，讓圖片實現動畫，但是怎麼都沒效果，求解釋...

代言 2017-06-24 09:44:02 0  1  961

javascript - 在火狐中怎麼取得svg元素的高度。

svg元素的clientHeight和offsetHeight 在火狐中是0和undefined，在chrome中正常。請問要怎麼取得svg的高度呢？ {代碼...}

淡淡烟草味 2017-05-19 10:30:24 0  2  557

使用object標籤嵌入跨域SVG內容文檔

擁有一個包含外部網域資料的SVG是否“合法”，即(data="//da86ge957603k.cloudfront.net/rails/grafitti_logo-f4e8238a87c979c0cf5b41481c982b71.svg")，然後透過事件載入到相同屬性該物件的SVGDOM？當SVG位於本機網域時，我可以執行此操作，但每當

P粉393030917 2023-10-31 18:04:21 0  1  1176

Vue 3中如何匯入svg檔？

我嘗試了以下內容：https://github.com/visualfanatic/vue-svg-loader/tree/master但是由於Vue2中使用了vue-template-compiler，所以存在版本衝突。我嘗試了：https://github.com/visualfanatic/vue-svg-loader但是我缺少特定的Vue依賴項。我注意到在使用TypeScript時有一個註

P粉021854777 2023-08-23 08:37:27 0  2  911

將 SVG 載入為內聯並更改填滿顏色

我這樣使用SVG：<imagex="0"y="0"width="40"height="40"href="/resource.svg"></image>這是資源.svg：<?xmlversion=" 1.0"encoding="UTF-8&qu

P粉323224129 2024-04-02 13:32:42 0  1  501

在瀏覽器中將 SVG 轉換為圖片（JPEG、PNG 等）

我想透過JavaScript將SVG轉換為點陣圖影像（如JPEG、PNG等）。

P粉052686710 2023-08-23 21:18:39 0  2  637

SVG - 具有多個漸層填充的醜陋邊緣

我想建立一個JavaScript顏色選擇器。我正在使用SVG建立一個顏色三角形，如下所示：body{background:black;}<svgxmlns="http://www.w3.org/2000/svg"width="88"height="88"class= "saturation-brightness"&

P粉937769356 2024-04-01 20:00:27 0  1  463

Vue動態填滿顏色的SVG文件

我正在使用VueJS3製作一個Twitter克隆應用程式。我將Twitter的徽標儲存為.svg文件，並可以將其與<img/>標記一起使用。當我為<svg>標記提供fill="#fff"屬性時，我還可以更改其顏色。但是，我想在多個位置並以不同的顏色使用此.svg檔案。因此，我嘗試透過為<img/>標籤提供類別fill-white、bg-whit

P粉125450549 2024-01-03 22:39:20 0  2  752

為什麼將灰階 SVG 轉換為 Alpha 時亮度會降低？

我正在嘗試使用SVG創建透明的“星夜”效果。我將SVG內聯在網頁上的黑色背景元素內。我從湍流過濾器開始，然後應用顏色矩陣以獲得所需的效果：<svgxmlns="http://www.w3.org/2000/svg"><filterid="filter"><feTurbulencebaseFrequency="0.2&q

P粉986937457 2024-02-26 18:01:19 0  1  406

如何透過 <use> 元素（如圖片）調整 SVG 圖示的大小

在我的HTML文件中，我有一個，其中包含許多具有id屬性的項目，例如icon-x。然後我想重複使用這些圖標，例如<divclass=container><svg><usexlink:href=#icon-x/></svg></div>但是，本例中的圖標在來源SVG中可能具有不同的大小。我希望它們適合div.container，但容器中的svg週

P粉184747536 2023-09-15 21:09:43 0  1  1010

將 DIV 元素放置在 SVG 視窗內

如何相對於SVG元素定位HTMLDIV元素？我使用D3來產生SVG圖表：我想在右下角圖例旁邊新增一個下拉式清單。我確實有相應的元素（一個普通的HTMLDIV元素），但我不知道如何將其正確定位在圖表上。我了解SVG元素的定位，但我不知道如何應用類似DIV元素的內容。除了將其放置在視口之外（例如下面）之外，還有什麼想法嗎？

P粉803444331 2023-09-07 17:48:48 0  1  752

描邊效果的SVG漸變

我發現了這段程式碼<svgxmlns="http://www.w3.org/2000/svg"viewBox="-1-13434"><circlecx="16"cy="16"r="15.9155"class ="progress-bar__background"/&

P粉193307465 2023-08-29 09:30:52 0  1  598

在此 SVG 中讓眼睛跟隨遊標

我正在嘗試使用本教程使svg的眼睛瞳孔跟隨遊標：https://dev.to/anomaly3108/make-svg-follow-cursor-using-css-and-js-2okp我們有4個div：左眼球eyeball_right學生左pupil_right看起來JS正在工作，但角度不太準確。學生的位置太高，無法保持在正確的位置。 leteyeball_left=document.quer

P粉969253139 2024-03-27 23:50:02 0  1  446