问题标签 [vector-graphics]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
44739 浏览

android - SVG 到 Android 形状

我想知道带有Shape类的 Android 中的矢量绘图如何类似于另一个矢量绘图标准。

由于Shapeis a Drawable,并且 Drawables 通常被定义为 XML,它听起来很像 SVG 中的矢量绘图命令。

我的问题是:是否有人创建了 XSLT 转换或其他机制来将 SVG 绘图描述转换为 Android Shapes?

0 投票
0 回答
164 浏览

iphone - 像 MKMapView 一样流式传输地图图像

我正在为 iPhone OS 和 OS X 开发一个地图应用程序。它使用 Core Graphics 来渲染地图,但渲染每一帧太慢而无法以 60fps 滚动,并且会消耗电池。

所以我想通过在位图切片(256x256)上渲染地图来缓存地图,但是我应该使用什么样的位图呢?(如CGImage)

0 投票
2 回答
2042 浏览

icons - 如何调整平面矢量图标的大小以保留硬边?

我最近购买了 Drew Wilson 的 Pictos 图标库。它是一个扁平的单色图标库,可用于网络和其他地方。唯一的问题是:它们是向量。我对 Illustrator 有一点了解,但最终我想将这些图标导入 Photoshop CS4 并调整为各种尺寸。

当我导入一个图标并将其调整为 20x20 像素时,我注意到图标边缘有相当多的锯齿。我确信这些图标的边缘会保持清晰,但我找不到任何选项或设置可以让我正确调整这些图标的大小。

如何将这些图标捕捉到最接近的大小以消除或最小化锯齿?

0 投票
2 回答
1032 浏览

html - html字体/矢量图形问题

在 html 中呈现矢量/字体的最佳方式是什么?

0 投票
1 回答
2145 浏览

vector-graphics - 开罗掩蔽 - 我有什么遗漏吗?

所以我试图在开罗设置一个面具,但无法让它产生任何影响。下面我有一个基于这里的简单程序:http: //snipplr.com/view/22584/cairo-hello-world-examble/

我正在设置一个完全透明的蒙版,所以什么都不应该被绘制,但它似乎没有任何效果 - 文本仍然被绘制。我的代码如下。我错过了什么?

谢谢!

0 投票
1 回答
189 浏览

printing - 将 CAD 转换为栅格

打印机如何将矢量 CAD 图形转换为纸上的点?我有一个 50mmx50mm 和 4095x4095 点“打印”系统,我想打印一些 CAD 文件?我应该使用现有的打印系统吗?或者将 CAD 文件转换为我的“打印机”可以理解的东西,如果是,如何?

谢谢

0 投票
7 回答
1466 浏览

algorithm - 如何画云?

我需要一种算法来绘制云或类似云的形状。显然,我不希望它们都相似。
我应该使用什么来生成相关的 X、Y 坐标系列来绘制云?
我将在 SVG 或 Canvas 中实现它

0 投票
1 回答
482 浏览

.net - WPF/Silverlight 如何计算控件中的总立方单位/像素?

我的 silverlight 应用程序中有一个涂鸦 inkpresenter,我以不同的形状多次使用它,我想计算 inkpresenter 的涂鸦百分比,

我的问题是,由于墨水呈现器的形状可以是圆形或多边形,我不知道如何获得可涂鸦表面上可用的单位/像素。

据我了解,actualWidth 和 actualHeight 属性只会通过计算帮助我获得矩形形状

但对于服装形状,我不确定实际宽度/高度是如何计算的。

0 投票
2 回答
239 浏览

c++ - 帮助理解这些方程式?

我问了一个关于 Bi 线性变换的问题并得到了这个答案:

在您发布的那个页面上,有一个指向源代码的链接。我将解释双线性变换

http://www.antigrain.com/__code/include/agg_trans_bilinear.h.html

这里的想法是找到形式的转换:

术语“双线性”来自这些方程中的每一个,它们本身在任一输入坐标中都是线性的。我们要求解 a、b、c 和 d 的正确值。假设您有要映射到 (0,0)、(1,0)、(0,1)、(1,1) (或某些图像坐标系)的参考矩形 r1、r2、r3、r4。

对于 a、b、c、d:

对于 e,f,g,h:

你可以用你最喜欢的方式解决这个问题。(如果你熟悉矩阵符号,这是两个矩阵相同的矩阵方程,然后你只需要找到一次LU分解,并求解两个未知向量)。然后应用系数将矩形的内部映射到矩形中的位置。


问题是,我有 input_x 和 input_y 以及 r1、r2、r3、r4,但我不确定如何实现 output_x 和 output_y。我该如何求解这样的方程?我只熟悉用 2 个变量求解方程。

谢谢

0 投票
2 回答
917 浏览

java - 需要的建议:一种使用大量文本创建矢量图形的程序化方法

我需要一种渲染树状结构的方法,类似于流程图。

令人惊讶的是,我找不到(或者我做错了)合适的工具。

首先,我查看了 SVG。但是我找不到在不使用 ECMAScript 的情况下在文本周围绘制边界框的方法:我尝试做一个简单的事情,绘制两个由框包围并由一条线链接的文本,以边为中心(类似于 OO,其中 O是一个带有文本的框)。当您使用 ECMAScript 时,您会严重限制可用于 SVG 渲染的工具(例如,您无法使用 ImageMagick 将此类 SVG 正确转换为 png 或 pdf)。

其次,我尝试了Asymptote,但是当您开始使用文本操作时它会很重(您需要安装和配置LaTeX系统)。

我正在寻找一种工具,您可以在其中:

  1. 以编程方式访问字体属性:基线、上升、下降、高度
  2. 计算字符串(或边界框)的高度/宽度
  3. 基本的矢量图形功能,如画线、形状等。

我不认为这是一件难事。例如,所有此类功能都存在于 Java2D 中。当然,我可以将它用作最后的手段并获得光栅图形,但可能有什么方便使用的东西吗?