svg相关内容

通过将元素列入白名单来清理 SVG 文档

我想从一些 SVG 文档中提取大约 20 种元素类型来形成一个新的 SVG.rect、circle、polygon、text、polyline,基本上是一组视觉零件在白名单中.JavaScript、评论、动画和外部链接都需要去. 想到了三种方法: Regex:我完全熟悉,显然不想去那里.PHP DOM:可能一年前使用过一次.XSLT:我刚刚看了一眼. 如果 XSLT 是适合这项工 ..
发布时间:2022-01-10 20:01:35 其他开发

“类型 {} 上不存在属性"使用带有 D3 SVG 符号的匿名函数时出错

我正在尝试创建 D3 SVG 符号,符号形状根据数据中的类别属性动态设置.这将是 PowerBI 中自定义视觉对象的一部分,因此我使用的是 Typings 库. 从我在网上看到的例子来看,下面的代码应该可以工作. var landmarkSymbols = this.milestoneContainer.selectAll('.path').data(viewModel.milestone ..
发布时间:2022-01-10 16:41:50 前端开发

我在哪里可以找到有效的 SVG XML 模式(用于生成 ecore)?

我尝试将 SVG XML Schema 导入EMF,获取ecore中的SVG元模型.但是,由于架构无效,导入失败:确实,svg.xsd 引用 XMLSchema.dtd,它本身引用 datatypes.dtd,不存在! 因此,我尝试从 svg 网站下载必要的文件(svg.xsd、XMLSchema.dtd、xlink.xsd, xml.xsd),以及缺少的 datatypes.dtd,来自 ..
发布时间:2022-01-09 21:50:13 其他开发

jQuery ajax 似乎改变了发送到coldfusion服务器的SVG数据

我正在使用 $.ajax() 将字符串发送到存储在表中的coldfusion 服务器.当我稍后查询并尝试使用该数据时,我得到一个错误;“null Enclosed Exception: Invalid byte 2 of 3-byte UTF-8 sequence". 首先,我从 DOM 中获取 SVG 并将其发送到操作页面.它应该只是一个字符串,对吧? var lclSVG = $('# ..
发布时间:2022-01-09 14:45:12 前端开发

有没有办法将矢量图形整合到 LibGDX 开发中?

我在 LibGDX 中没有找到任何适用于矢量图形的内容. 此 帖子 表明 AGG 已经很接近了,他们还提到这很痛苦. 有没有无痛的替代方案? 解决方案 目前(2013 年年中)Libgdx 中似乎没有任何对矢量图形的无痛支持.首先,对于矢量图形,这在实践中通常意味着 SVG. “通用"SVG 解决方案的部分问题在于,让它适用于所有各种极端情况似乎是个问题.但是,如果您只是 ..
发布时间:2022-01-09 09:14:05 其他开发

背景中的 CSS 3 或 svg 波浪

如何在透明图像背景上构建波浪? 布局-图像: 我需要白顶背景中的波浪. 解决方案 我稍微改进了akshay的答案版本.这包括两个单独的选项. 选项 1 如果不必保留纵横比,则曲线将随宽度而变化. http://jsfiddle.net/f6n73avk/2/ 选项 2 如果必须保留纵横比,那么我们必须为 svg 元素的高度和宽度使用相同的单位值. ..
发布时间:2022-01-08 13:31:47 前端开发

如何从位图创建“像素化"SVG 图像?

我有一个 16x16 的位图,想创建一个包含 16x16 正方形的 SVG,其中包含图像像素的颜色.有没有简单的方法来实现这一目标? 我目前的想法是使用Python和PIL读取位图图像并动态创建带有相应对象的SVG图像文件的方向.但这感觉有点笨拙,就像重新发明轮子一样. 有没有更好的方法来做到这一点? 解决方案 如果您不需要输出为 SVG,我建议您使用 HTML5 Canvas ..
发布时间:2022-01-06 12:07:29 其他开发

将 SVG 图像解码为位图

我正在使用 Android Studio 将我的 SVG 图像转换为 XML 文件.当我尝试使用 R.drawable.svgimage 访问它时它工作正常,但现在我需要将该图像解码为位图. 我尝试了以下方法.它为位图返回 null. mResId = R.drawable.svgimageBitmapFactory.Options options = new BitmapFactory. ..
发布时间:2022-01-06 11:52:26 移动开发

如何将 D3 树布局的方向更改 90 度

我刚刚开始参与网络可视化,所以我完全是新手.我的目标是显示一个家谱,其中根节点将有多个父节点和子节点.在寻找解决方案时,我发现了这个例子:http://bl.ocks.org/jdarling/2503502这很棒,因为它似乎具有我需要的功能.但是,我想改变方向(从上到下).我尝试使用以下示例:http://bl.ocks.org/mbostock/3184089 但失败了. 我的代码: ..
发布时间:2022-01-05 18:42:36 前端开发

如何使 svg 响应

我正在尝试使这个庞大的 svg 具有响应性.但是,它不起作用,我不知道为什么. 我尝试了以下操作: - 设置宽度:100% 高度:自动(一旦我删除了以像素为单位的宽度/高度设置,图表就会消失,无论我放回什么) - 使用 https://css-tricks.com/scale-svg/ 这是代码(是的,我知道它很大.为什么我需要让它适应 100% 的宽度):http://www.css ..
发布时间:2022-01-04 18:11:20 前端开发

div 全宽底部的中心三角形响应

经过数小时的 CSS 尝试(抱歉,我仍然是 CSS 菜鸟),我向您寻求帮助: 我想要一个三角形作为 div 的“底部",同时填充整个屏幕宽度,无论屏幕尺寸是多少(100%). 当窗口调整大小时,我只希望三角形改变它的宽度,以便它仍然填充整个屏幕宽度(100%)而不是它的高度. 目前整个事情看起来像这样(三角形黑色仅用于演示目的)从外观来看是我想要实现的: 我的代码如下: .top ..
发布时间:2022-01-04 18:10:56 前端开发

以编程方式居中 svg 路径

我正在编写一个 PHP 脚本,该脚本根据访问者的屏幕分辨率从 SVG 文件生成 jpg 墙纸.墙纸由圆形渐变(矩形)背景和其顶部的路径组成.您将如何将路径水平和垂直居中到矩形?请记住,矩形的大小和比例不是常数.我应该将背景和路径分开到不同的 svg 文件还是有一种简单的方法可以使路径居中?也许是一个框架? 解决方案 这可以通过使用嵌套的 元素和 preserveAspectRatio 属性 ..
发布时间:2022-01-02 13:10:21 其他开发

将 Google Maps 多边形路径转换为 ​​SVG 路径

当用户使用内置的绘图管理器在 Google 地图中绘制多边形时,我会保存多边形路径.我想将此多边形路径转换为 ​​SVG 路径,以便我可以轻松重现绘制的多边形的形状,而不需要大量额外的地图加载和对 Google Maps API 的调用. 我确定这只是一些相当琐碎的数学,但不知道如何去做.我是否需要在点周围创建一个边界框并将其转换为 LatLng 0, 0,然后再将其缩小,或者我是否可以仅使 ..
发布时间:2022-01-02 13:08:51 前端开发

完美水平路径的 SVG 渐变

我正在使用 svg 绘制折线图,​​并需要对其应用渐变.对于每一行,我使用一个路径元素并将笔触设置为我的一个 lineargradient 元素. 这适用于除纯水平线以外的所有内容 - 在这种情况下,我的线上根本没有颜色. 我制作了一个显示问题的小提琴:http://jsfiddle.net/b6EQT/ ..
发布时间:2022-01-02 13:07:57 其他开发

允许通过 Django admin 将 SVG 文件上传到 ImageField

我正在改用 SVG 图像来表示电子商务平台上的类别.我之前在 Category 模型中使用 models.ImageField 来存储图像,但是 forms.ImageField 验证无法处理基于矢量的图像(因此拒绝它). 我不需要对有害文件进行彻底验证,因为所有上传都将通过 Django Admin 完成.看起来我必须在我的模型中切换到 models.FileField,但我确实希望收到关 ..
发布时间:2022-01-01 13:16:33 Python

SVG 未显示在 Windows Phone 8 Phonegap 应用程序中

似乎无法找到任何答案. 使用 Phonegap 和 SVG 图像开发 HTML5 应用程序.从 Adob​​e Illustrator 的“另存为.."中保存它们,然后像​​ HTML 中的普通图像一样使用它们: 它们在 Android 和 iPhone 中显示良好,但 Windows Phone 8 将它们显示为断开的链接.我做错了什么吗?WP8 不支持这种方式的 SVG 吗? ..
发布时间:2022-01-01 12:34:52 前端开发

jupyter 笔记本内联图作为 svg

默认情况下,jupyter notebook 内嵌图显示为 png,例如: 将 matplotlib.pyplot 导入为 plt%matplotlib 内联plt.plot() 如何配置 jupyter notebooks 以将 matplotlib 内联图显示为 svg? 解决方案 使用 set_matplotlib_formats('svg'). 将 matplotlib.py ..
发布时间:2021-12-31 23:51:02 其他开发

动态更改 svg 的颜色并在three.js 中作为纹理应用

我正在尝试使用three.js创建一个配置器,但我需要更改产品的颜色,虽然我可以使用svg作为纹理,但更改svg的填充属性并轻松更新纹理,但效果不佳 目前我拥有的是 -一个 svg 的 3D 模型,使用 TextureLoader 作为纹理应用,但 svg 放置在外部文件(“images/texture.svg")中(也三个.js 正在减小纹理的大小,但我认为是映射问题) -sv ..
发布时间:2021-12-31 18:39:04 前端开发

挤出具有多个孔的多个多边形并对组合形状进行纹理化

这个问题与这个问题有关.answer 展示了非常好的挤出有孔多边形的方法(参见 优秀的现场示例).这个答案的主要学习是在three.js(r58)中的路径不能有多个moveTo命令并且它必须在路径的开头,这意味着路径必须被moveTos打破,这样moveTo start总是一条新路. 在three.js 中挤出意味着使用可能的斜角将2D 路径转换为3D 形状.适用于挤压文本制作3D字母和单词 ..
发布时间:2021-12-31 18:29:31 其他开发