小红花·文摘
  • 首页
  • 广场
  • 排行榜🏆
  • 直播
  • FAQ
Dify.AI

本文讨论了如何使用纯SVG在没有JavaScript的情况下展示当前时间,采用滑动胶片法优化时间显示,减少冗余标签,并整合时、分、秒的数字流。

SVG 时钟

Est's Blog
Est's Blog · 2026-05-15T07:28:00Z

Qt SVG模块存在类型混淆和基于堆的缓冲区溢出漏洞(CVE-2026-6210),影响版本为Qt 6.7.0至6.8.8及6.9.0至6.11.1。该漏洞可能导致应用崩溃。建议仅从可信来源加载SVG内容,并在加载前进行验证和清理。解决方案是更新至Qt 6.8.8或6.11.1及以上版本。

安全公告:Qt SVG标记处理中的类型混淆和基于堆的缓冲区溢出漏洞影响Qt

Qt Blog
Qt Blog · 2026-05-06T12:30:04Z

Qt的VectorImage组件存在代码注入漏洞(CVE-2025-14576),影响版本6.8.0至6.8.6及6.9.0至6.10.1。该漏洞允许恶意SVG文件注入QML/JavaScript代码,可能导致服务拒绝或信息泄露。建议仅从可信来源加载SVG文件,并对内容进行验证和清理。应更新至Qt 6.8.7或6.10.2以修复此问题。

安全公告:Qt声明模块中VectorImage组件的QML代码注入漏洞影响Qt

Qt Blog
Qt Blog · 2026-04-30T12:36:55Z
在线教程丨华中科大与小红书 hi lab开源dots.mocr,SOTA级OCR模型完美还原文档结构,图形也能转 SVG

华中科技大学与小红书hi lab联合开源了dots.mocr,旨在解决传统OCR在复杂文档解析中的不足。该工具能够将文字、图表等视觉元素解析为结构化数据,并转换为可编辑的SVG代码,提升文档理解和自动化处理能力。HyperAI官网已上线相关教程,用户可在线体验。

在线教程丨华中科大与小红书 hi lab开源dots.mocr,SOTA级OCR模型完美还原文档结构,图形也能转 SVG

HyperAI超神经
HyperAI超神经 · 2026-04-01T11:28:09Z

本文介绍了CSS的corner-shape属性及其在背景图形效果中的应用。结合SVG和<foreignObject>元素,可以实现复杂的底纹效果。示例代码展示了如何使用corner-shape属性创建网格线和其他图形。需要注意的是,该属性目前仅在Chrome浏览器中支持。

CSS corner-shape与背景底纹技术

张鑫旭-鑫空间-鑫生活
张鑫旭-鑫空间-鑫生活 · 2026-03-30T06:08:36Z
GTK 4.22 发布,改进了 SVG 支持,并减少了动态效果选项

GTK 4.22于3月6日发布,带来修复、Wayland改进、增强的SVG支持和可访问性选项,是GTK 4的重要更新。可从GNOME.org和GTK.org下载。

GTK 4.22 发布,改进了 SVG 支持,并减少了动态效果选项

实时互动网
实时互动网 · 2026-03-09T02:08:25Z

作者在博客中介绍了如何通过Web Origami简化Heroicons图标集的管理。通过将图标名称映射到GitHub上的SVG链接,Origami能够自动获取和缓存图标,避免手动管理SVG文件的繁琐。这种方法使得更改图标变得简单,无需依赖npm包管理器,从而提升了开发效率。

通过Web Origami简化图标集管理

Jim Nielsen’s Blog
Jim Nielsen’s Blog · 2026-02-23T19:00:00Z

西湖大学推出的AutoFigure工具能够自动生成高质量学术插图,支持从像素到矢量的编辑。该工具通过推理式渲染解决了学术插图的逻辑与美观问题,已入选ICLR 2026,并提供开源和在线使用。

学术插图新神器!万字材料秒出SVG,西湖大学出品 | ICLR’26

量子位
量子位 · 2026-02-22T10:17:32Z
精彩动画第8部分:使用CSS相对颜色进行动画主题设计

本文探讨了CSS相对颜色值在SVG图形主题和动画中的应用,作者Andy Clarke分享了如何通过定义基础颜色简化颜色管理,提升设计一致性和可维护性。相对颜色值使动画和颜色变化更灵活,适用于多种交互元素。

精彩动画第8部分:使用CSS相对颜色进行动画主题设计

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2026-01-14T10:00:00Z
一套工业级 WinForm 矢量图形库,搞定组态、仿真中的图形开发

本文介绍了一款基于.NET Framework的C#矢量图形开发组件,支持SVG格式,具备图形编辑、交互操作和层管理功能,适合工业软件开发,结构清晰,便于二次开发和资源复用。

一套工业级 WinForm 矢量图形库,搞定组态、仿真中的图形开发

dotNET跨平台
dotNET跨平台 · 2025-12-25T23:50:26Z
一个 WPF 开源、免费的 SVG 图像查看控件

SVGImage 是一个开源免费的 WPF 控件,专用于显示和操作 SVG 图像,适合数据可视化、UI 设计和教育软件等场景,支持多种 .NET 框架。

一个 WPF 开源、免费的 SVG 图像查看控件

dotNET跨平台
dotNET跨平台 · 2025-12-21T23:44:00Z
SVG访谈:谷歌云的Anshul Kapoor畅谈体育直播中“生成式制作”的未来

随着2026年临近,AI将在体育直播中深度融合,提升观众体验。谷歌云利用情境感知技术分析观众情绪和球员反应,捕捉关键时刻,推动生成式制作,创造个性化内容,改变传统直播模式。

SVG访谈:谷歌云的Anshul Kapoor畅谈体育直播中“生成式制作”的未来

实时互动网
实时互动网 · 2025-12-19T02:29:28Z
精彩动画第七部分:使用CSS和SVG重现卡通文本

本文介绍了如何利用现代CSS和SVG制作卡通文本标题。作者Andy Clarke探讨了卡通标题的排版技巧,强调其在品牌传达和用户体验中的重要性。通过使用文本阴影、描边和背景剪裁等CSS属性,可以有效重现经典卡通标题的视觉效果。

精彩动画第七部分:使用CSS和SVG重现卡通文本

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-12-17T10:00:00Z

该项目通过webpack-bundle-analyzer插件分析打包情况,发现assets文件占67%,建议将大量svg迁移至CDN,并使用svg-sprite-loader优化svg配置,以减少打包时间和体积。经过多次尝试,确认某些插件对打包体积有影响。

前端优化—打包速度提升43.5%

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-11-20T10:25:04Z
精彩动画第六部分:使用 `<use>` 和 CSS 自定义属性的华丽 SVG

本文探讨了如何利用SVG中的<symbol>和<use>元素进行动画。作者Andy Clarke介绍了通过CSS自定义属性克服Shadow DOM的限制,实现可重用且可动画的SVG元素。通过定义符号并传递自定义属性,可以在不同实例中应用不同的样式和动画,从而提升SVG的灵活性和表现力。

精彩动画第六部分:使用 `<use>` 和 CSS 自定义属性的华丽 SVG

Articles on Smashing Magazine — For Web Designers And Developers
Articles on Smashing Magazine — For Web Designers And Developers · 2025-11-07T15:00:00Z
pathLength使SVG路径动画管理更为简便 (#tilPost)

本文介绍了如何通过SVG路径和CSS动画实现签名动画效果。利用stroke-dasharray和stroke-dashoffset可以控制路径的动画。通过JavaScript获取路径长度,简化CSS动画设置,并使用pathLength属性手动设置路径长度,使动画处理更为方便。

pathLength使SVG路径动画管理更为简便 (#tilPost)

Stefan Judis Web Development
Stefan Judis Web Development · 2025-11-02T23:00:00Z

清华与快手团队推出的SVG模型在训练效率上提升6200%,生成速度提升3500%。该模型通过构建语义与细节融合的特征空间,解决了VAE的语义纠缠问题,支持多任务通用,生成质量和效率显著优于传统方法。

VAE再被补刀!清华快手SVG扩散模型亮相,训练提效6200%,生成提速3500%

量子位
量子位 · 2025-10-28T07:35:11Z
GTK 4.22 将原生支持 SVG,包括动画效果

GTK 4.22 原生支持 SVG 矢量图形,解决了对外部 librsvg 库的依赖。工程师 Matthias Clasen 正在增强 GTK 的 SVG 功能,以满足图标和动画的需求。

GTK 4.22 将原生支持 SVG,包括动画效果

实时互动网
实时互动网 · 2025-10-24T02:06:40Z

使用 inline SVG 作为 favicon 可以避免 favicon.ico 的 404 错误,同时通过简单代码直接使用 emoji 作为 favicon,提升了可读性和简洁性。

再也不愁 favicon 了,直接 inline SVG

Est's Blog
Est's Blog · 2025-10-18T13:35:00Z

Qt集团发布安全公告,修复了SVG模块中的两个高危漏洞(CVE-2025-10728和CVE-2025-10729),均评分9.4。第一个漏洞导致拒绝服务,第二个可能引发远程代码执行。Qt建议开发者升级至6.9.3或6.8.5版本,并避免渲染不可信的SVG内容。

Qt修复SVG模块中两个高危漏洞(CVE-2025-10728与CVE-2025-10729)

FreeBuf网络安全行业门户
FreeBuf网络安全行业门户 · 2025-10-06T19:04:26Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码