svg相关内容

如何在SVG中使用贝塞尔曲线来近似半余弦曲线?

假设我想使用贝塞尔曲线在 SVG 中近似一条半余弦曲线.半余弦应如下所示: 并从 [x0,y0](左侧控制点)运行到 [x1,y1](右侧控制点). 我怎样才能找到一个可接受的系数集来很好地逼近这个函数? 额外问题:例如，如何将公式推广到余弦的四分之一? 请注意，我不想用一系列相互连接的线段来近似余弦，我想使用贝塞尔曲线计算一个很好的近似值. 我在评论中尝试了解决方案 ..
发布时间：2021-12-30 19:03:39 其他开发

使用 SVG 进行加色混合(加色混合)

来自平面设计背景，我知道如何通过作弊来创造加色.另一篇文章中提出了相同的基本解决方案这里. 上面的帖子指的是透明的 .png 文件，但概念是相同的.我想创建的基本效果就像如图. 我很想在 SVG 中做它，这样它可以缩放，这样当我谈论一个给定的主题时(假设主题是“绿色")我可以放大图形的那部分和重叠区域仍会正确显示. 这些帖子似乎非常接近: RGB 值的加色混合算法 关于“ ..
发布时间：2021-12-30 19:03:07 其他开发

如何编辑 Font Awesome(或包含我自己的图标)?

Font Awesome 是完全开源的，所以我如何根据需要调整一些图标，或者添加新图标?假设我的主要矢量工具是 Inkscape(开源 GPL). fontawesome 包附带文件 *.eot、*.otf、*.svg、*.ttf 和 *.woff.svg 文件无法在 Inkscape 中成功打开.可以使用哪些程序来编辑这些内容? 一旦我编辑了字体，我应该遵循什么准则?我应该使用哪些 ..
发布时间：2021-12-30 11:40:38 其他开发

将 SVG 转换为 PNG 时包括字体

我正在尝试生成一些 SVG 并允许我网站的用户将这些 SVG 下载为 PNG. 阅读这篇后，我获取包含在下载的 PNG 中的所有外部图像. 现在我试图让 PNG 上的字体正确.这个 似乎回答了这个问题，所以我补充说: @字体脸{字体系列:Parisienne；src: url('data:application/font-woff;charset ..
发布时间：2021-12-30 11:37:40 前端开发

IE 11“崩溃"使用动态 SVG 元素时

我最近为我公司的新 html 应用程序实现了一个自定义的 SVG 图标控件.实施后不久，我们的质量部门开始报告 IE 11 在使用该应用程序时随机“崩溃". 我不确定崩溃这个词是否准确描述了正在发生的事情.应用程序进入一种状态，其中元素不再接受鼠标或键盘输入，显示也不会更改以显示悬停样式.但是，当您将鼠标悬停在按钮和输入元素上时，光标图像会相应更改，并且可以使用鼠标滚轮(但只能使用鼠标滚轮) ..
发布时间：2021-12-29 20:43:46 前端开发

是否可以将 HTML 表单输入标签与 SVG 混合使用，或者使用 SVG 来布置表单?

例如，我们喜欢将 jQuery 模板与 SVG 结合使用，以显示价格合理的产品. 假设我们有一个表示复杂布局的 SVG.是否可以将 标签嵌套在 SVG 中并且仍然在 HTML 5 中工作?SVG 中是否有替代方案来输入来自用户的数据，也许可以使用 Knockout.js 提取它们? 我知道您可以在背景图形的意义上使用 SVG 并修改位置，以便表单字段对齐.如果可能的话，我真的很想让 S ..
发布时间：2021-12-29 20:24:54 前端开发

如何一次(按时间顺序)滚动绘制每个 SVG 路径?

这与此处有关.但是，我认为这是一项艰巨的任务.所以我把它分解成更小的块. 我制作了一个简单的 SVG 图像，其中包含一个“路径"和一个“矩形"元素.用户可以通过上下滚动页面(向下滚动页面打开和向上滚动页面关闭/“取消绘制")在窗口内外绘制线条.但是，两个元素同时“绘制"/动画.我想要做的是当用户向下滚动页面时，线条路径绘制，然后“rect"元素绘制(之后)，因此它更加流畅和按时间顺序. ..
发布时间：2021-12-29 11:13:15 前端开发

Joint.js 添加带有路径类的自定义端口.对于自定义元素

我想要做的是为端口和路径创建一个带有自定义类的元素，以便我可以添加一个带有自定义路径和我自己的端口标记的元素.这样当我创建一个元素时，我将传递动态路径它的形状就像路径类的元素一样，并且因为我也是从 PortsModelInterface 扩展而来的，所以我也将拥有自己的端口标记.这整个努力是使 svg 可扩展以进行缩放.以前，我在自定义端口中使用 html 自定义元素，该元素工作正常，但自定义元素 ..
发布时间：2021-12-29 09:28:10 前端开发

SVG 无法正确呈现为主干视图

我正在使用 d3.js 在 svg 中渲染世界地图(使用 https://github.com/johan/world.geo.json/blob/master/countries.geo.json 的功能).我将渲染逻辑封装在一个主干视图中.当我渲染视图并将其附加到 DOM 时，我的浏览器中没有显示任何内容，尽管在查看生成的 HTML 时正确生成了 SVG 标记.当不封装在 Backbone.V ..
发布时间：2021-12-29 09:25:06 前端开发

为UWP设计的新的SvgImageSource类可以在WPF项目中使用吗

似乎是一个相对较新的类:SvgImageSource 只能在 UWP 中使用.有什么方法可以在 WPF 项目中使用它吗? 解决方案 可以在 WPF 中使用任何 UWP XAML UI 使用 XAML 岛.目前可以使用 预览WindowsXamlHost 控件，它是 Windows 社区工具包 的一部分.另请注意，在 WPF 应用中使用 UWP 控件时，该应用将只能在 Windows 10 ..
发布时间：2021-12-28 18:39:34 其他开发

uwp InkCanvas 将斯托克斯保存为 svg

我正在尝试将 InkCanvas 、 InkStorkes 保存为 SVG.我发现了一个适用于 Wpf 的上一个问题，但我一直无法让它与 uwp 一起使用.Wpf InkCanvas 将斯托克斯保存为 svg .我对其进行了一些更改，但遇到了 GetGrometry 和 XamlWriter 的问题. var svg = new SvgDocument();var colorServer = ..
发布时间：2021-12-28 18:23:48 C#/.NET

D3.js 分组条形图

我正在使用 D3.js 制作条形图，如下所示 (来源:statcan.gc.ca) 但它应该是垂直的.所以我可以通过两组数据进行比较.我使用 http://bost.ocks.org/mike/bar/2/中的教程，为了进行比较，我建立了两个类，“chart"和“chart1"并分别给它们数据，但它只显示第一个svg图表.问题是什么?这是代码http://jsfiddle.net/x8ra ..
发布时间：2021-12-25 17:10:49 前端开发

使用 SVG 路径在折线上创建自定义符号

我正在尝试使用带有动画的谷歌地图创建飞行路线.是否可以在 http://的演示站点中创建带有飞机自定义符号的折线路径www.morethanamap.com/demos/visualization/flights 我可以用动画创建虚线路径.问题是我一直坚持创建 SVG 路径.我确实尝试从 https://developer 渲染贝塞尔曲线.mozilla.org/en-US/docs/Web ..
发布时间：2021-12-25 15:25:51 前端开发

图形 XML 到可视化表示

我有一个 XML 文档并且想要一个可视化的表示(例如一个 SVG 图形).例如. bla富blub 应该呈现为: 或类似树状图的东西.我对技术没有任何偏好.最简单的方法就行了. 解决方案 正如@Javier 在评论中所建议的，请查看 Graphviz.具体: 编写 XSLT 以从您的 XML 映射到DotML，DOT 图 ..
发布时间：2021-12-24 14:44:03 其他开发