svg相关内容

android:load svg file from web and show it on image view

我想从网上加载一个 svg 文件并在 ImageView 中显示这个文件.对于非矢量图像,我使用 Picasso 库. 是否也可以将此库用于 svg 文件? 有没有办法从网络加载 svg 文件并将其显示在 ImageView 中? 我使用 svg-android 库来显示 svg 文件,但我不知道如何要从网络上获取 svg 图像,该库的所有示例都使用本地文件. 解决方案 请参考在 ..
发布时间:2022-01-24 09:13:28 移动开发

Expo App 发布后 SVG 图像消失

我正在使用“react-native-remote-svg"在我的 react native expo 应用程序中显示 SVG 图像.一切都在模拟器/设备上很好地显示,直到我在 Expo 中发布应用程序,此时所有 SVG 图像都消失了. 示例代码: 从'react-native-remote-svg'导入图片; ..
发布时间:2022-01-23 14:14:34 其他开发

被 gmail 代理阻止的 SVG 图像

似乎新的 gmail 图像代理不适用于 SVG(如果您在新选项卡中打开代理 url,则会出现 404 错误.) 我找不到任何有关支持/阻止的文件类型的文档.gmail 中的 SVG 是否适用于其他人? 我能想到的唯一解决方法是使用 PhantomJS 在服务器上生成 svg 的 png - 还有其他选项吗? 背景: 这适用于发送每日摘要电子邮件的 web 应用程序,显示过去 ..
发布时间:2022-01-23 12:51:12 其他开发

如何在 iPhone 上渲染各种 SVG 文件?

为了在 iPhone 上渲染 svg 文件,我从 GitHub 下载了一个项目SVGQuartzRenderer但它显示以下错误: UIKit/UIKit.h 没有那个文件或目录(我无法使用添加现有框架来添加它) Libxml/tree.h:没有那个文件或目录 xmlParserCtxtPtr 之前的预期说明符-限定符列表 有人知道我怎样才能使这个项目成功吗? 我还找到了另一 ..
发布时间:2022-01-23 11:02:35 移动开发

将鼠标悬停在文本 SVG MAP 上时出错

我有美国地图 body{背景颜色: ;}#CA {填充:#3decff;}#或者{填充:#3e4fa1;}#WA{填充:#33c5f4;}#MT {填充:#54C2B7;}#ID {填充:#8BE652;}#WY {填充:#EF1E94;}#NV {填充:#AF5FBF;}#UT {填充:#3E4FA1;}#AZ {填写:#8BE652;}#CO{}#近乎{}#CO {填充:#F9EC20 ..
发布时间:2022-01-22 22:56:32 前端开发

SVG CSS 悬停样式

尝试使用 CSS 对该多色 HTML 图像的 SVG 进行样式化,以使 5 的右侧在悬停时为白色. body {背景颜色:灰色;}SVG {高度:50vh;填充:白色;}.html5 g.st2 .st0 {填充:透明;}.html5:悬停路径.st0 {填充:#e44d26;}.html5:悬停路径.st1 {填充:#f16529;}.html5:悬停 g.st2 .st0 {填充:白色; ..
发布时间:2022-01-22 22:27:57 前端开发

CSS:悬停在 SVG 组区域而不是渲染像素上,指针事件:边界框不能跨浏览器工作.如何解决

我正在制作一些带有 CSS 动画的动画 SVG,这些动画会在悬停时触发.我能够以我希望 Chrome 的方式悬停 SVG 动画,但我面临 Firefox 和 Safari 问题. 显然,应用于组 的 pointer-events 属性在此浏览器上的行为与在其他现代浏览器上的行为不同那些,至少在尝试将值设置为 bounding-box 时. 我在做 g {指针事件:边界 ..
发布时间:2022-01-22 22:27:41 前端开发

将 svg 转换为 base64

以编程方式创建的 SVG 无法正确转换为 base64. 在我的应用程序中,我有一个服务,它通过 g-element 获得响应,然后放入创建的 svg-element 并将其转换为 base64,但是如果我尝试打开一个链接,我发现 svg 没有呈现页面. var xmlns = 'http://www.w3.org/2000/svg',IMAGE_TEMPLATE = document. ..
发布时间:2022-01-21 08:51:28 前端开发

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

给定一个现有的有效 SVG 文档,创建“信息弹出窗口"的最佳方法是什么,这样当您悬停或单击某些元素(比如说)时,您会弹出一个任意数量的框(即不仅仅是一行tooltip) 的额外信息? 这应该至少在 Firefox 中正确显示,并且如果图像被光栅化为位图格式,则它是不可见的. 解决方案 ..
发布时间:2022-01-20 22:13:12 其他开发

QML 不显示 svg 图像

我编写了一个简单的 QML ui,它使用了一些 svg 图像.当我在桌面上执行应用程序时,一切都很好,UI 和 svg 图像都会显示出来.当我尝试在嵌入式设备上执行应用程序(运行嵌入式 Windows)时,就会出现问题.在这种情况下,会显示 UI,但未显示 svg 图像,并且在控制台上我收到以下消息:QML BorderImage:无效的图像数据:my_image.svg 正确显示的是 pn ..
发布时间:2022-01-19 23:27:54 其他开发

WKWebView 在设备上显示空白,在模拟器上工作

我的应用程序的模块之一是网站.该网站主要包含一个 SVG 绘图,带有自定义形状的按钮(使用 Raphael.js 库)来访问其他绘图(其他带有 svg 绘图的 html 页面). 如果设备在 iOS 7 上,我使用 UIWebView,一切正常. 对于 iOS 8 设备,我使用 WKWebView.我遇到了一些问题,其中一些已通过这篇文章解决.我可以在这些模拟器(iPhone 5/iO ..
发布时间:2022-01-19 22:12:03 移动开发

使用基于 JavaScript 的 SVG 库的表格标题内的垂直文本

我将 jqGrid 与许多包含布尔信息的列一起使用,这些列在表中显示为复选框(请参阅 http://www.ok-soft-gmbh.com/VerticalHeaders/TestFixedO.htm 为例).为了更紧凑地显示信息,我使用垂直列标题.它工作得很好,并且在所有浏览器中都可以在 jqGrid 中工作(请参阅我在 jqGrid 论坛中与 Tony Tomov 的讨论 http://ww ..
发布时间:2022-01-19 14:00:12 前端开发

如何仅使用stroke-dasharray而不是stroke-dashoffset绘制饼图

我正在尝试仅使用 stroke-dasharray 和其他东西(如旋转和平移)绘制饼图,我不允许使用 stroke-dashoffset,因为 wkhtmltopdf 0.12.5 不支持它.我试图做一些类似于下面的代码 某些浏览器(或浏览器版本)和渲染库在渲染这种形式的圆圈时存在错误.推荐的方法是为每个饼图段创建一个路径. 但是,假设您想继续使用此方法,那么您需要了解以下内容. ..
发布时间:2022-01-19 13:05:34 前端开发

您将如何创建 JQuery/svg 单击拖动选择轮廓效果?

不知道到底该怎么称呼它,但我正在寻找一种方法来通过 javascript/svg 创建虚线轮廓/选择框效果,当您单击并拖动到某个区域时,然后在 mouseUp 上消失(可能是如果它不是原始部分,则添加). 如果有 jQuery 库,那就太好了.我环顾四周,并没有找到我要找的东西. 我猜理论是从第一次点击中获取坐标,跟踪鼠标坐标时刻并相应地调整框. 但不要从头开始编写它会很好. ..
发布时间:2022-01-19 12:46:30 前端开发

如何构建这个圆形的两色调甜甜圈图?

我正在尝试制作一个如下所示的圆环图 我将使用 angularJS、SVG 和 D3.js 我不知道如何得到那些圆形的末端,请帮助.谢谢. 解决方案 简单的答案:你使用掩码. 我们使用遮罩来绘制边框的内部.还有一个可以在中间挖洞的面具. 孔掩码并不是必需的.你可以用粗线形成甜甜圈.但对我来说,画扇形然后打洞似乎更容易. 这里是 SVG 格式.我将把转换为 D3 ..
发布时间:2022-01-19 12:43:14 其他开发