程序员经验分享-hwhale

SVG 检测“fill: none”上的 Onclick 事件

2024-02-14

当我创建一个 svg 矩形时fill: black, my onclick事件处理程序被调用。

当我更换fill: black with fill: none，当我在矩形内单击时，不会调用我的事件处理程序，而仅在单击border直肠的。

我需要更改什么才能检测到单击事件inside矩形？


这是由指针事件 http://www.w3.org/TR/SVG/interact.html#PointerEventsProperty财产。看起来您想将其设置为可见

<rect pointer-events="visible" ...>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

SVG

SVG 检测“fill: none”上的 Onclick 事件 的相关文章

  • 使用 inkscape 命令行将 svg 转换为 png 失败

    我觉得我一定做了一些愚蠢的错误 但我就是无法让它发挥作用 这是我从 cmd 运行的命令 inkscape com C path ship svg e export png C Path ship png without gui 作为回报 我

  • 滚动在 chrome 中的 svg 异物内不起作用

    我在 svg 异物中有 div 带有溢出 auto 滚动仅适用于鼠标滚轮 无法拖动栏 它适用于 Firefox 但不适用于 chrome safari 如果 svg g 元素上没有转换 它就可以工作 参见小提琴 http jsfiddle

  • d3 饼图中的文本被路径覆盖

    我正在尝试按照 d3 的饼图示例进行操作http bl ocks org mbostock 3887235 http bl ocks org mbostock 3887235 我的代码的最小示例 const container graph

  • SVG 沿圆弧添加文本

    我正在尝试绘制 SVG 径向饼图 如下所述 色卡 https stackoverflow com a 18210763 1395178 现在我尝试将文本与圆弧一起添加到每个切片 我试图展示Text 1具有与 M 和 A 值完全相同的 x y

  • 带有 angular-cli 的 SVG 图标系统

    我有一个 Angular2 项目 它是通过 Angular CLI 创建的 在 webpack 中 有一个加载器来加载 svg sprite 并从 svgs 列表生成该 sprite 但是 当 angular cli 不允许我更改 webp

  • 具有宽度/高度的 SVG 在 IE9/10/11 上无法缩放

    IE 9 10 11 存在一个已知问题 如果您有一个 SVG 文件

  • 角度错误：冲突：多个资源向同一文件名 file.svg 发出不同的内容

    我有这个css in my component scss file bg background url assets images file svg center center no repeat 并且该路径中只有一个 svg 文件 因此每

  • 动画持续时间不准确

    我在 SVG 中创建了加载微调器 但动画持续时间不准确 例如 30 秒动画持续时间 实际 26 秒 动画持续时间 45 秒 实际持续时间 38 秒 60 秒动画持续时间 实际 51 秒 我很绝望 不知道哪里可能出错 你能帮助我吗 1 旋转器

  • 有没有适用于 Android 的精简版 SVG 查看器？ [关闭]

    Closed 这个问题正在寻求书籍 工具 软件库等的推荐 不满足堆栈溢出指南 help closed questions 目前不接受答案 Android 是否支持查看 SVG 文件 或者是否有适用于 Android 平台的第 3 方 SVG

  • 在 Android 中使用矢量图像在真实设备上出现问题。 SVG-android

    I use svg android jar from https github com pents90 svg android其工作正常 但仅在 Eclipse 中的模拟器设备上 啊啊啊啊 在真实设备上它只是空的imageView在屏幕上

  • jsPlumb：如何使流程图连接器避免元素相交？

    是否可以使 jsPlumb Flowchart 连接器不交叉可连接的项目或指定元素 在示例中 具有 item 类的元素 默认流程图行为 想要的结果 这是我尝试过的 http jsfiddle net CcfTD 1 http jsfiddl

  • 自 JRE 1.7.0_25 起，Batik 无法进行转换

    自从我更新到 JAVA 1 7 0 25 以来 蜡染在应用转换时会抛出异常 堆栈跟踪是 java awt image ImagingOpException Unable to transform src image at java awt

  • 节点大小与 D3 中的子节点数量成正比

    我创建了这个点击 展开 折叠网络 http jsfiddle net 5Lv8gkqv http jsfiddle net 5Lv8gkqv var width 960 height 500 root name Chocolate tag

  • 矩形上的文本会消除矩形的悬停效果

    我有几个具有悬停效果的 svg 矩形 当鼠标悬停在矩形上时 矩形的背景颜色会发生变化 悬停效果通过css设置 myclass hover fill rgb 255 128 0 除此之外 文本放置在每个矩形上方 一对文本和矩形定义一个组

  • 使用 CSS 剪辑路径仅影响 webkit 浏览器中的第一个对象？

    我正在尝试使用 CSS 剪辑路径属性将 SVG 剪辑路径应用到页面中的某些元素 例如 HTML 请注意 clipPathUnits objectBoundingBox 允许以包含元素大小的分数表示圆 setTimeout function

  • SVG 极坐标渐变

    我是 SVG 的初学者 但我想学习一些技术 简而言之 有没有一种简单的方法来创建这样的东西 我正在考虑创建一个极坐标渐变 然后裁剪它 但是如何生成极坐标梯度呢 即使没有本地方法 也许可以用简单的线性渐变然后使用一些直角极坐标变换来实现 有办

  • 为 d3.js 中的多个元素生成 ClipPaths

    我正在尝试创建部分填充的圆圈 就像最终的 纽约时报 政治大会可视化中的圆圈一样 http www nytimes com interactive 2012 09 06 us politics convention word counts h

  • 找不到 PySide SVG 图像格式？

    我正在使用 Eclipse 的 PyDev 插件与 Qt 集成 我安装了 PySide 但在使用 SVG 图像格式时遇到问题 我知道当我运行我的应用程序时 格式位于C Python27 Lib site packages PySide pl

  • Flutter：后台中的 SVG 图像抛出错误

    我必须将 SVG 图像保留在背景中并将文本保留在顶部 当我保留 Flutter SVG 包中的 SVG 图像时 出现了这样的错误 I flutter 24437 Unsupported operation Could not resolve

  • 将 SVG 中的文本修剪为给定的像素宽度

    我正在 SVG 中绘制文本标签 我有一个可用的固定宽度 比如 200px 当文字太长时 如何修剪 理想的解决方案还会在文本被剪切的地方添加省略号 但没有它我也可以生活 使用 d3 库 溢出文本的包装函数 function wrap var

随机推荐

  • 事务管理器已禁用对远程/网络事务的支持

    我正在使用 SQL Server 和 ASP NET 我有以下功能 Using js daoFactory CreateJoinScope Using tran New Transactions TransactionScope tran

  • Spring Session Data Redis - 从 Redis 存储中获取有效会话、当前用户

    我的问题是 在分布式 Web 应用程序中 是否可以使用 Redis Store 获取有效会话RedisOperationSessionRepository 我的意思是我不想编写显式代码将其放入 Redis 存储然后稍后阅读它 我想了解框架或

  • 如何在Java中使用输出参数？ [复制]

    这个问题在这里已经有答案了 有人可以给我一些在函数中使用输出参数的示例代码吗 我尝试用谷歌搜索它 但只是在函数中找到了它 我想在另一个函数中使用这个输出值 我正在开发的代码旨在在 Android 中运行 Java 按值传递 没有out类似于

  • 如何在一段时间后取消 RXJS 订阅

    如果用户的网速很慢并且订阅时间太长 超过30秒 我想取消它 const k this firebase user subscribe data gt some instructions error gt alert error gt con

  • Windbg 设置取决于调用堆栈的条件断点

    问题 我需要制作一个脚本或表达式 如果调用堆栈上的某处是具有特定名称的函数 则该脚本或表达式不会中断 具体问题 如何将调用堆栈上的函数获取到字符串列表 Example Module MyFunctionWithConditionalBrea

  • Leaflet.js：是否可以按属性过滤geoJSON特征？

    我环顾四周 看到很多有关如何显示 隐藏图层的信息 这很酷 但由于我可以向 GeoJSON 功能添加任意属性 所以我希望能够相应地过滤它们 例如 如果我的特征 1 2 和 3 具有以下属性 小 红色 甜的 大 绿色 酸的 小 红色 热的 我如

  • docker compose up 工作正常，但浏览器显示无法访问站点

    docker compose up显示这个 Recreating tutorial product service 1 Recreating tutorial product service 1 done Attaching to tuto

  • ant中设置类路径的问题

    我在运行 Java 程序时遇到问题 它使用一些第三方 JAR 我可以很好地编译它 但是当我在 ant 中调用我的运行目标时 它说它找不到我告诉它在类路径中运行的类 我的 build xml 如下所示

  • 为什么解构赋值不知道空值是假值并使用默认值？ [复制]

    这个问题在这里已经有答案了 假设我们有一个函数使用参数内部对象中的一些键 const api data name gt My name is name 如果我们通过 data data 0 data NaN or data undefine

  • 无法在 WCF C# 中接收 xml post 请求值

    我正在试验 WCF 并构建了一个带有 id 和 name 参数的标准产品类 我的目标是从休息中接收它 并返回状态 DataContract public partial class Product DataMember public int

  • 如何在网页上嵌入 mjpeg 文件

    我需要将 IP 摄像机的输出显示到网页 以便最终用户可以使用此页面从该摄像机查看实时内容 它有一个为捕获的视频提供 mjpeg 输出的界面 我需要将其嵌入到我的网页上 它至少应该可以在 Firefox Safari 和 IE 上运行 提前致

  • 当选项比屏幕尺寸长时，iOS 7 不会显示多于一行

    iOS 7 在 html 中不显示多于一行options

  • 如何在Unity3D中用C#制作延迟？

    我刚刚开始学习unity c 我遵循了教程 但我想添加一些东西 using UnityEngine using UnityEngine UI using System Collections public class PlayerContr

  • 一条指令清除 PF（奇偶校验标志）——获取结果寄存器中的奇数位

    在x86汇编中 是否可以在一条且只有一条指令中清除奇偶校验标志 在any初始寄存器配置 这相当于创建一个结果寄存器odd位数 以及任何设置标志的操作 明确排除mov 相比之下 设置奇偶校验标志可以在一条指令中完成 cmp bl bl 清除奇

  • Django 反序列化

    我收到以下错误 回溯 最近一次调用最后一次 文件 tests py 第 92 行 位于 test single search 对于serializers deserialize中的return obj json response ensur

  • 无法从资源加载定义

    我有一个 希望 非常基本的问题 我对 Ant 非常不熟悉 我只是尝试使用构建文件 以便为我最近发现的开源应用程序 Rapid Miner 编写一些插件 我一直在尝试使用 Eclipse 来编译它 遵循 Eclipses org 自己的说明

  • 是否有 UTF-16 字符串类型的 Rust 库？ （用于编写 Javascript 解释器）

    For most程序 最好内部使用 UTF 8 http utf8everywhere org 并在必要时转换为其他编码 但就我而言 我想编写一个 Javascript 解释器 并且仅存储 UTF 16 字符串 或数组 要简单得多u16 因

  • ARKit根据触摸位置设置ARAnchor变换

    我正在 XCode 9 上使用 AR 入门应用程序 其中在点击场景中创建锚点 override func touchesBegan touches Set

  • 将原始帧转换为 webm 直播流

    我有一个 ASP NET 应用程序 其设置如下 以 656x492 分辨率捕获原始 RGB 帧的相机 这些帧在我的 C 代码中进行处理 带有一些简单的图像 加工 原始图像存储在字节数组中 以及包装在位图容器中 缺少魔法 将原始图像缓冲区转换

  • SVG 检测“fill: none”上的 Onclick 事件

    当我创建一个 svg 矩形时fill black my onclick事件处理程序被调用 当我更换fill black with fill none 当我在矩形内单击时 不会调用我的事件处理程序 而仅在单击border直肠的 我需要更改什么

热门标签