svg相关内容

Firefox SVG 图形模糊

我有一个带有 SVG 徽标/图像的响应式网页设计，它的容器是动态的.所有主流浏览器似乎都非常好地支持 SVG. 我的 SVG 是动态的，所以如果我放大浏览器窗口，SVG 也会这样做.在 Chrome 和 IE9 中，它就像一个魅力.在 Firefox 中，某些尺寸的 SVG 是模糊的.但是当它超过初始 SVG 大小时，我不能说它一直很模糊.当我放大浏览器窗口时，似乎没有一直正确地重新渲染. ..
发布时间：2021-12-17 18:47:11 前端开发

如何将事件侦听器添加到 svg 中的对象?

我想创建一个显示交互式 svg 的网页:由于可能会使用多个 svg，因此显示的各种对象将具有不同的 ID，因此事件侦听器(例如捕捉鼠标单击)必须是动态的. 从这个代码段开始 var a = document.getElementById("alphasvg");a.addEventListener("加载",function(){var svgDoc = a.contentDocument ..
发布时间：2021-12-17 18:47:03 前端开发

d3 单击并拖动事件嵌套

我在 g 元素中嵌套了很多元素，如下所示: ... 但是，有些矩形我希望能够拥有自己的拖动事件.问题是当你把东西放在 g 标签中时，它的大小会扩展以包含这些标签.因此，即使我可以分配事件，也无法触发它们，因为 g 标记的事件在某种程度上更重要，即使 rect 在它之上. 你们知道有什么解决方法吗? 编辑:这里是一个简单的完 ..
发布时间：2021-12-17 18:46:48 前端开发

自定义 Tumblr 的 *新* Like Button iFrame {LikeButton}

来自 tumblr {LikeButton} 的新代码带有很少的选项:颜色和大小. 它注入了一个 iFrame，它处理“Like"功能并提供 SVG 图形. 但是，由于 iframe 和跨站点脚本策略，无法再使用 css 更改它或编辑其内容. 如何修改或插入新代码以使用我自己的 Like 按钮精灵或 svgs? 解决方案 Tumblr Like Button 的样式 ..
发布时间：2021-12-17 18:46:39 前端开发

全宽和全高 SVG

困境:制作一个全窗口 svg 图像，填充纵横扭曲，而不使用 SVG 标签.为什么没有svg标签?因为我打算在页面生命周期的后期(如果不是经常的话)换掉 SVG，而且我还没有找到一种简单的方法来做到这一点. 失败的尝试: ..
发布时间：2021-12-17 18:46:21 前端开发

使用背景图像填充 SVG 路径元素，无需平铺或缩放

我想做一些非常像填充SVG路径元素与背景图像 不同之处在于那里提供的解决方案将平铺图像以填充整个背景区域.我不想要那个.如果图像没有填充整个高度或整个宽度，那么我只是希望它在路径形状内居中，然后就这样了.如果我尝试通过更改高度/宽度属性来限制行为，那么渲染只会缩放图像，直到它填充至少一个维度. 我想这种行为有点道理，因为它使用了模式.我可以看到我想要的并不是真正的“模式"本身.我只想按原样在 ..
发布时间：2021-12-17 18:46:02 前端开发

D3:用 d3.svg.line() 替换 d3.svg.diagonal()

我已经用 d3.svg.diagonal() 渲染了边来实现了下图.但是，当我尝试用 d3.svg.line() 替换对角线时，它似乎没有提取目标和源数据.我错过了什么?我对 d3.svg.line 有什么不明白的地方吗? 以下是我所指的代码，后面是完整的代码: var line = d3.svg.line().x(function(d) { 返回 d.lx; }).y(function( ..
发布时间：2021-12-17 18:45:53 前端开发

如何将鼠标悬停在 SVG 矩形上?

在这段 SVG 中(在 FF 8、Safari 5.1.2、Chrome 16、Mac 上都试过了)，当鼠标移到栏上时，没有一个浏览器正确检测到每个鼠标悬停事件，有时它有效有时它不.但它在所有浏览器中都是一致的，所以它可能与 SVG 代码有关.使用 onmouseover 和 onmouseout 给出相同的结果 - 无法正常工作. 实现 SVG rect 角度悬停的正确方法是什么? ..
发布时间：2021-12-17 18:45:37 前端开发

如何对齐SVG文档中的对象?

有没有办法在 SVG 中对齐一个对象(比如矩形)，相对于组或文档的右边框?当我增加整个文档宽度时，我希望对象保持其大小，但增加 X 位置以保持右对齐. 问候， 解决方案 我一直在寻找一种方法来浮动 元素在宽度为 100% 的 svg 文件右侧.所以一个人可以缩放图像和我的 元素会粘在右边而不会被缩放. 这是我发现的: ..
发布时间：2021-12-17 18:45:28 其他开发

有没有在 gmail 中显示 svg 图像的技巧?

我一直在尝试显示它们，但无济于事.我想知道是否有显示它们的技巧，因为我能够让 Outlook 等客户端显示 SVG.gmail 无法显示它们真的让我很困扰. 解决方案 Google Gmail 目前不支持 SVG.谷歌 Gmail 支持说我上次联系他们时他们不会支持它.也许在遥远的未来某个时候 SVG 变得更加流行和广泛使用. 看看这篇文章: http://stylecampa ..
发布时间：2021-12-17 18:45:20 其他开发

如何在 FireFox 中为 SVG 使用十六进制值

我正在使用 CSS 类将 SVG URL 加载到网页中.这适用于我测试过的每个浏览器，除了 Firefox 35.0.1(可能还有更早版本的 Firefox).我注意到，当使用实际颜色名称(例如白色)作为笔划时，它会按预期工作，但是当我使用十六进制值(例如 #ffffff)时，它根本不显示笔划.根据 MDN，支持十六进制值. 所以，这很好用: .ui-stroke-icon .ui-ico ..
发布时间：2021-12-17 18:44:55 前端开发

如何创建一个类似于 SVG 的“工具提示"框?

给定一个现有的有效 SVG 文档，创建“信息弹出窗口"的最佳方法是什么，以便当您悬停或单击某些元素(假设)时，您会弹出一个任意数量的框(即不仅仅是一行工具提示)的额外信息? 这应该至少在 Firefox 中正确显示，并且如果图像被光栅化为位图格式则不可见. 解决方案 鼠 ..
发布时间：2021-12-17 18:44:44 其他开发

如何将 SVG 嵌入到电子邮件的 HTML 中，以便在大多数/所有电子邮件浏览器中都可以看到它?

我想在 SVG 中生成图形，并通过电子邮件发送一个嵌入了这些图形的 HTML 页面(不存储在服务器上并显示链接图像). 我尝试直接嵌入 SVG，使用 Object 元素，并对 SVG 进行序列化和 URI 编码，并将整个字符串指定为 div 上的背景图像.Outlook 2013 中似乎没有显示任何内容.有什么想法吗? 解决方案 SVG 在许多电子邮件客户端中不受支持.我见过的最好的 ..
发布时间：2021-12-17 18:44:36 前端开发

python中的服务器端SVG到PNG(或其他一些图像格式)

目前我正在使用 rsvg 加载 svg(从字符串，而不是从文件)并绘制到开罗.有人知道更好的方法吗?我在应用程序的其他地方使用了 PIL，但我不知道如何使用 PIL 做到这一点. 解决方案 这是我目前拥有的: 导入开罗导入 rsvg定义转换(数据，文件，最大宽度= 0，最大高度= 0):svg = rsvg.Handle(数据=数据)x = 宽度 = svg.props.widthy = ..
发布时间：2021-12-17 18:44:18 Python