标签: vector-graphics

我有一个我在XAML中定义的矢量图像.在WPF应用程序中使用此资源的正确方法是什么？

我想将矢量图像放在自己的XAML文件中,然后将图像添加到我的应用程序中的其他UserControls.什么应该是我的XAML矢量图像中的顶级元素？如何在其他UserControl中引用该图像？

有没有办法加载矢量图形文件,然后使用OpenGL渲染它？这是一个模糊的问题,因为我对矢量图形的文件格式知之甚少.不过我知道SVG.

将它转换为栅格并不是很有用,因为我想实时放大对象.

我在Actionscript中创建了一个绘图应用程序(虽然我的问题不是与Actionscript相关).基本思想是在按下鼠标时开始绘画并跟踪鼠标移动.我想要的是:

1. 减少鼠标"噪音"和
2. 创造更平滑的线条.

现在,(1)是有问题的,因为我在几秒钟内就能获得数千个鼠标移动.由于(1)线条看起来很锯齿.当前的想法:当用户完成绘制线时,我将所有移动存储在一个数组中并减少它们(中位数阈值),然后使用样条算法重新创建一条线.

有更好的方法吗？

我一直在使用新的gradle插件测试Andorid Studio - 1.4.0-beta3.

我一直在尝试导入我自己的矢量资产,在Inkscape中制作.但是我不断收到导入错误.错误消息包含svg中许多不支持的标记.

In mm_card.svg:
ERROR@ line 54 <defs> is not supported
ERROR@ line 56 <linearGradient> is not supported
ERROR@ line 58 <stop> is not supported
ERROR@ line 62 <stop> is not supported
ERROR@ line 66 <stop> is not supported
ERROR@ line 70 <stop> is not supported
ERROR@ line 74 <stop> is not supported
ERROR@ line 78 <stop> is not supported
ERROR@ line 83 <linearGradient> is not supported
ERROR@ line 85 <stop> is not supported
ERROR@ line 89 …

现在支持库完全支持矢量图像,我正试图在我的应用程序中尽可能多地切换到矢量图像.我遇到的一个问题是,似乎无法重复它们.

使用位图图像,可以使用以下xml:

<bitmap
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:src="@drawable/repeat_me"
    android:tileMode="repeat"
    />

这不起作用,因为矢量图像无法用于位图:https://code.google.com/p/android/issues/detail？ id = 187566

是否还有其他方法来平铺/重复矢量图像？

我从thenounproject购买了一个图标作为SVG图像.然后我使用一个名为Gapplin的macOS程序将此SVG导出为PNG图像.它以100x100像素的图像形式出现.

然后我使用预览程序打开此PNG图像,然后转到工具 - >调整大小并创建10x10,20x20和30x30图像.然后我在Xcode中将这些图像加载为1x,2x,3x.

这是正确的方法吗？

我想在python中绘制带有弯曲箭头的矢量场,可以在vfplot(见下文)或IDL中完成.

您可以在matplotlib中接近,但使用quiver()限制直线向量(见左下图),streamplot()但似乎不允许对箭头长度或箭头位置(见右下方)进行有意义的控制,即使在更改integration_direction时density,和maxlength.

那么,有没有可以做到这一点的python库？或者有没有办法让matplotlib做到这一点？

我有一些EPS格式的图像,我想在我的WPF应用程序中使用.这可能吗？

如果没有,有没有办法将它们转换为XAML,所以我可以直接在WPF中使用它们？我没有Expression Design或Adobe Illustrator的预算,只有少数图像可以转换.

我想用matplotlib生成一个矢量图.我努力了 - 但输出是光栅图像.这是我使用的:

import matplotlib
matplotlib.use('Agg')
import matplotlib.pyplot as plt

最后:

myfig.savefig('myfig.eps', format='eps')

我发现导出ps给出了一个矢量图像,但问题eps仍然存在.

我有一个参考图像,我想用SVG实现的效果.

在Photoshop中,可以通过使用100%不透明度并将混合模式设置为"倍增"来实现效果

颜色的十六进制值为:

红色:#EA312F,蓝色:#3A5BA6和重叠区域:#35111F

我已经尝试了许多使用SVG滤镜来实现类似效果的方法,但我很难理解混合模式如何计算值.

1. 原始Photoshop位图
2. SVG仅使用形状没有过滤器
3. SVG在垂直条上使用乘法滤波器
4. SVG在垂直条上使用乘法滤镜和不透明度

您可以在此JSBin http://jsbin.com/iPePuvoD/1/edit中查看每个SVG代码

我真的很难理解匹配垂直条蓝色和重叠区域颜色的最佳方法.

这些形状的每一个我也想利用动画库,如http://snapsvg.io/,所以我希望能单纯依靠过滤器,而不是裁剪或其它操作,以达到预期的效果-但我愿意接受建议.

实际上,最终尝试的SVG(4.)是这样的:

<svg viewBox="0 0 96 146" version="1.1" id="f-multiply-opacity" preserveAspectRatio="xMinYMin meet">
  <defs>
    <filter id="f_multiply" filterUnits="objectBoundingBox" x="0%" y="0%" width="100%" height="100%">
      <feBlend in="SourceGraphic" mode="multiply"/>
      <feBlend in="SourceGraphic" mode="multiply"/>
    </filter>
  </defs>
  <g id="f_shape">
    <rect x="0" y="0" width="96" height="32" fill="#EA312F" />
    <rect x="0" y="50" width="96" height="32" fill="#EA312F" />
    <rect x="0" y="50" width="32" height="96" opacity="0.8" fill="#3A5BA6" filter="url(#f_multiply)" />
  </g>
</svg>

非常感谢有关这方面的一些建议,我已经在SVG上找到了一些很好的资源,但是这个领域似乎仍然很难获得好的信息.

谢谢!