javascript - 如何让svg标签内的元素宽高等于svg标签的宽高？

我的svg标签外面用一个div盒子包裹，svg设置宽高为外面盒子宽高的100%，修改div盒子的宽高，此时svg的宽高始终和div盒子一样，但是svg里面的path标签的宽高却和svg不一样，如图怎么让svg里面的元素整体宽高等于sv...

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

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  910

使用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  568

网站上有个图标改不了了 求帮忙 是用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  1126

使用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  648

为 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  722

使用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  712

javascript - svg小白，想要在svg里面插入图片

代码如上，想要在svg里面插入图片，让图片实现动画，但是怎么都没效果，求解释...

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

javascript - 在火狐中怎么获取svg元素的高度。

svg元素的clientHeight和offsetHeight 在火狐中是0和undefined，在chrome中正常。请问要怎么获取svg的高度呢？ {代码...}

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

使用object标签嵌入跨域SVG内容文档

拥有一个包含外部域数据的SVG是否“合法”，即(data="//da86ge957603k.cloudfront.net/rails/grafitti_logo-f4e8238a87c979c0cf5b41481c982b71.svg")，然后将加载事件绑定到对象，然后通过contentdocument属性访问该对象的SVGDOM？当SVG位于本地域时，我可以执行此操作，但每当

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

将 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  489

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  884

在浏览器中将 SVG 转换为图像（JPEG、PNG 等）

我想通过JavaScript将SVG转换为位图图像（如JPEG、PNG等）。

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

如何通过 <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  973

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  452

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  681

为什么将灰度 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  373

描边效果的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  593

将 DIV 元素放置在 SVG 视口内

如何相对于SVG元素定位HTMLDIV元素？我使用D3生成SVG图表：我想在右下角图例旁边添加一个下拉列表。我确实有相应的元素（一个普通的HTMLDIV元素），但我不知道如何将其正确定位在图表上。我了解SVG元素的定位，但我不知道如何应用类似于DIV元素的内容。除了将其放置在视口之外（例如下面）之外，还有什么想法吗？

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

在此 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  437