问题标签 [vector-graphics]

我正在尝试使用线条和文本生成一些动态网页背景。

看看我在http://74er.net/labs/lines.html上的演示（只关注黄线）。

这是一种蹩脚且低效的方法，它根据椭圆公式逐字创建一个<span>大小为 1 X 1 且具有 X、Y 位置的黄色背景的元素。

我的要求是线条创建相当简单（或相当简单）：

• 必须在客户端创建，而不是由服务器脚本生成的动态图像
• 可以基于简单的公式（圆、椭圆或直线）创建
• 可以包含在 DOM 元素中（例如 DIV，以便我可以将其分层作为背景）
• 没有 HTML5 画布技术（只是因为它应该在不兼容 HTML5 的浏览器上呈现）
• 不像我目前的实现那样对浏览器负担过重

不需要：

• 非常平滑的曲线（尽管会受到欢迎）
• 虚线/虚线（如果可行，我也会喜欢）

基于上述情况，我几乎可以肯定 SVG（与Raphaël一起）是要走的路，但我因某些浏览器缺乏原生 SVG 支持而感到厌烦。

我查看了Walter Zorns 库，它内置了一些出色的性能调整算法。所以如果我找不到更有创意的实现，那将是我的选择。

如果您需要进一步说明，请告诉我。

我转换image.png为image.svg使用 Vector Magic，然后转换为使用 svg2xaml 的 image.xaml，据此应该可以与 Visual Studio 一起使用。

在将 image.xaml 添加到项目并将其构建路径设置为资源后，我将以下行添加到我的 XAML 文件中：

根据这里的教程。但是，我遇到了一个"Error 1 StaticResource reference 'image' was not found."错误。

在这个MSDN 页面上，它显示不添加以前的“声明”会导致错误，但是如果我已经在项目中链接了资源，那不是已经处理了吗？假设我需要一个，我也不知道“声明”需要包含什么类型。

否则，我不知道我做错了什么。

我刚刚使用根据 IsChecked 所述设置图像内容的 ControlTemplates 实现了这些 ToggleButtons。这些图像是在 Photoshop 中制作的，但我希望它们作为 WPF 矢量。

当 IsChecked=False 时，按钮如下所示：

当 IsChecked=True 我只是用另一个 PNG 替换图像：

我在 Photoshop 中设计了按钮图像。它们具有以下图像层：

• 半透明形状（边缘按钮有两个圆角的正方形）
• 分割线的半透明线
• 图标
• 文本
• 玻璃反射效果的半透明渐变

我认识到这不是最灵活的设计，我宁愿使用矢量形式的相同按钮，但我不知道该怎么做。

这是其中一个按钮的 xaml（请随意提出有关如何实现按钮的其他替代方案）：

我正在尝试制作一个子弹可以向任何方向飞行的游戏。我想让它们成为具有方向和大小的向量，以使它们朝着这个方向前进。我只是不确定如何实现这个？

谢谢

我正在玩 DxScene 和 VxScene： http ://www.ksdev.com/dxscene/index.html

它看起来非常漂亮和强大：3d 加速矢量图形、跨平台、漂亮的效果、许多 2d GUI 控件（基于矢量）、良好的缩放、透明度、旋转（x、y、z）、3d 模型等。即使有很多效果, CPU 保持非常低 (0%)！ http://www.ksdev.com/dxscene/snapshot/screen0.jpeg

但它可以被视为 Delphi 的一个很好的 WPF 替代品吗？

有没有人用它来代替普通的 Delphi VCL？

是否可以像渲染位图（png、jpeg）文件一样在 iPhone 上渲染矢量图像文件？我尝试过 eps 和 pdf 文件，但似乎都不起作用——它们在 Interface Builder 中正确显示，但在运行时不显示。

控制台输出一条消息，内容为“无法加载从包中带有标识符“com.yourcompany.project”的 nib 引用的“image.pdf”图像

我对此的所有搜索都讨论了使用 OpenGL 等绘制矢量文件。这是唯一的方法吗？由于没有提到矢量文件支持，我不确定我的文件是否因为文件问题（我尝试过不同的版本）而没有被加载，或者因为它们不受支持。

我将为浏览器应用程序构建一个简单的数学图。因此，所有 JS-Vector 库都可能运行良好。但我想知道你使用这些收集到的任何经验。对我来说，一个基本功能是将事件绑定到路径和点以及动画路径。

此外，我在想他们如何掌握未来。我可以想象将我的绘图导出为图像或导入 SVG 图形。有没有人经历过这种情况？在 iPhone 等移动硬件上运行它们怎么样？

我们正在考虑使用 SVG 过滤器作为我们工具链的一部分，将 SVG 提供给能够支持它的浏览器，同时将预渲染的 PNG 提供给其他浏览器。

我们注意到的一个问题是过滤器链的渲染似乎在渲染器之间非常不一致。查看SVG 规范中的“filters01”示例时，我们尝试使用的工具之间的渲染看起来非常不同。Chrome (5.0.307.11) 无法渲染图像，而其他工具 (Firefox 3.6, Opera 10.10, Inkscape 0.47, GIMP 2.6.7) 渲染的东西在风格上与规范中的图片模糊相似，但没有两个是真正相同的.

这是规格不足的问题还是工具不存在？如果我们将 SVG 与滤镜效果一起使用：是否有参考工具可以按照规范的预期方式为我们提供渲染？

如何计算点以绘制 2 条平行线。

我知道平行线中心的起点和终点。为了让事情变得更难，它需要支持直线和贝塞尔曲线。

我创建了一条贝塞尔曲线的路径，它可以很好地绘制路径。但我不知道如何将控制点与路径一起绘制。这是可能的还是我必须在另一个数据结构中跟踪它们？

更新：我为什么要绘制控制点的原因是我会让用户使用控制点上的手柄来编辑曲线。

我正在创建路径：

并绘制它：

我已经按照垃圾上帝的建议使用 PathIterator 进行了测试，但是如果我希望用户能够编辑控制点，则很难以这种方式管理曲线。