提问搜索_PHP中文网

社区学习工具库休闲

简体中文

热门搜索：
PHP
MySQL
jquery
HTML
CSS

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

直接在 HTML 标记中使用 SVG 不允许我将角色分配为按钮或具有所需的悬停效果

我有一个带有图标的容器，该图标应该执行两个功能：具有按钮的作用（可通过键盘/屏幕阅读器等访问）悬停/聚焦时变红当我直接在标记中使用SVG时，悬停效果可以按预期工作，但我无法像使用img标签时那样为SVG分配按钮角色：.container{height:500px;width:400px;background-color:lightblue;position:relative;}.favourite

P粉940538947 2023-09-06 20:29:59

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

为 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

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

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

曾经蜡笔没有小新 2017-05-16 13:27:36

悬停中的文本会在鼠标所在位置改变颜色

如何仅更改鼠标所在位置的文本颜色而不是所有文本的颜色？像这样我希望您可以看到的圆圈跟随鼠标移动，并且在悬停时文本仅显示悬停中的字母部分的边框我需要有关我需要使用哪个库或函数的建议？

P粉697408921 2024-03-28 14:12:45

为什么悬停（hover）不起作用，样式不显示？

为什么悬停（hover）不起作用，样式不显示？

P粉842215006 2023-08-02 20:04:07

CSS 悬停样式位于 div 内的元素上，且带有 transform-style:preserve-3d 在 Safari 中不起作用

我实现了一个视差滚动标题，它里面有一些带有悬停样式的社交图标。悬停样式目前在Safari中不起作用。当我删除容器上的transform-style:preserve-3d时，悬停样式可以工作（但会破坏视差）。它在Chrome中运行良好。<!doctypehtml><htmlclass="h-full"><head><scriptsrc=

P粉346326040 2023-08-30 18:33:26

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

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

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

淡淡烟草味 2017-05-19 10:30:24

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

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

使用 Psuedo 元素的 CSS 悬停效果与主元素重叠

基本上，当我悬停时，我希望效果如下所示：我的网站在这里代码如下忽略！重要：.cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!important;width:120px!important;height:50px!important;display:inline-flex!important;justify-cont

P粉838563523 2024-03-20 10:31:28

如何制作像Windows 10设置中的悬停功能？

有人可以告诉我如何在css中进行这样的悬停吗？这是Windows10设置的示例。但我想在css中复制它。

P粉020556231 2023-09-12 13:02:00

菜单项的悬停效果覆盖整个页面高度

我正在开发左侧导航。我希望悬停时红色条出现在菜单项之前。它适用于“主页”项目及其子项目，但其他根项目会导致悬停时红色条从上到下跨越页面的整个宽度。$(document).foundation();.vertical.dropdown.menu[href]>i{display:block;}.vertical.dropdown.menu[href]{display:block;text-ali

P粉029327711 2024-02-04 00:36:46

按照相同比例扩大多个SVG文件

我有一个近百个SVG文件的收藏，它们都是精美手工编码的，每个文件都认真地指定了viewBox、宽度和高度。这些SVG文件的宽度、高度和纵横比各不相同。存在一个尴尬的问题：我关心并希望保留它们的相对大小。在HTML页面上，我希望以它们的“自然”大小显示，即按照宽度和高度指定的大小。非常简单：<imgsrc="….svg">。也许CSS应该指定{object-fit:n

P粉244730625 2024-01-10 17:27:19

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

当一个元素悬停时如何影响其他元素

我想要做的是，当某个div悬停时，它会影响另一个div的属性。例如，在这个JSFiddle演示中，当您将鼠标悬停在#cube上时，它会更改background-color但我想要的是，当我将鼠标悬停在#container上时，#cube会受到影响。div{outline:1pxsolidred;}#container{width:200px;height:30px;}#cube{width:30p

P粉769413355 2023-08-27 12:48:40

ReactJS：动态更新悬停时的下拉菜单图标

首先，我使用“antd”React框架和tailwindCSS只是为了练习ReactJS。嗯，这是我第一次使用这个框架。因此，我决定首先尝试在悬停时使用下拉弹出菜单。其实，并不太清楚如何达到这个阶段。我当然知道使用CSS，我可以使用“hover:”attr，但是有没有在ReactJS中使用逻辑的想法？另外，我尝试阅读道具“下拉菜单的API部分”，但没有成功。即使我尝试使用onMouseEnter(

P粉877114798 2024-03-29 17:58:41

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