标签: vector-graphics

使用XAML矢量图像作为窗口图标

LearnWPF.com发布这篇关于将位图图像转换为XAML并在应用程序中使用它们的文章.

XAML图像的外部元素是a Canvas.但是,该Window.Icon属性仅接受一个ImageSource对象.有谁知道我可以"包"的CanvasImageSource这样我就可以把它作为一个窗口图标?

或者,有没有更好的方法将XAML图像用作窗口图标?

wpf xaml vector-graphics

4
推荐指数
1
解决办法
4956
查看次数

XSL将SVG转换为VML

除了Internet Explorer和其他Microsoft产品使用它并且它是矢量图形格式之外,我对VML一无所知.

可以使用XSLT将SVG文档转换为VML吗?或者他们是否彼此太不同以使这成为可能?

我知道存在将SVG转换为XAML的XSLT文档.

xml xslt svg vml vector-graphics

4
推荐指数
1
解决办法
3299
查看次数

开罗掩蔽 - 我缺少什么吗?

所以我试图在开罗设置一个面具,但无法让它发挥任何作用。下面我有一个基于此处的简单程序:http://snipplr.com/view/22584/cairo-hello-world-examble/

我正在设置一个完全透明的蒙版,因此不应绘制任何内容,但它似乎没有任何效果 - 文本仍然会被绘制。我的代码如下。我缺少什么?

谢谢!

int main(int argc, char* argv[])
{                               
    cairo_surface_t* surface;     
    cairo_t* cr;                  

    surface = cairo_image_surface_create (CAIRO_FORMAT_ARGB32, 200, 40);
    cr = cairo_create (surface);

    //****
    // Here I create a pattern with an alpha of zero and set it to be cairo's mask
    // According to http://www.cairographics.org/manual/cairo-context.html#cairo-mask
    // "Opaque areas of pattern are painted with the source, transparent areas are not painted."
    // Shouldn't this make it so nothing gets drawn?
    //****

    cairo_pattern_t* nothing = cairo_pattern_create_rgba(0,0,0,0);
    cairo_mask …
Run Code Online (Sandbox Code Playgroud)

vector-graphics masking cairo

4
推荐指数
1
解决办法
2406
查看次数

将分层SVG矢量图形转换为分层EPS矢量图形

是否可以将分层矢量.SVG文件转换为分层.EPS文件?

我正在尝试以编程方式将一系列.SVG编译成一个大型.SVG,然后将其导入Photoshop,以便Adobe Illustrator可以轻松打开.

真的可以使用任何建议/指导!似乎没有关于Adobe的分层.EPS文件如何组合在一起的任何文档.

php svg vector vector-graphics eps

4
推荐指数
1
解决办法
2212
查看次数

在某些图形编辑器中使用Html5/Javascript图形

我得到了一些使用JavaScript/Html5 Canvas制作的图形设计.

看看这里:http: //yeda.us/js/logos.js

现在,我需要将这个图形元素以他可以使用的某种格式提供给图形设计师:以Photoshop或Illustrator友好格式.

现在,当然,我可以截取屏幕并从那里开始工作,但我确实需要这种图形的矢量格式,我以后可以更有力地使用.

有没有办法将上述代码转换为图形?或许以某种方式将其转换为SVG?

javascript svg file-conversion vector-graphics html5-canvas

4
推荐指数
1
解决办法
1352
查看次数

RaphaelJS - 我需要帮助理解变换

我对以下演示有疑问 - http://raphaeljs.com/hand.html.

这是样本中的代码......

var r = Raphael("holder", 640, 480), angle = 0;
while (angle < 360) {
    var color = Raphael.getColor();
    (function(t, c) {
        r.circle(320, 450, 20).attr({
            stroke : c,
            fill : c,
            transform : t,
            "fill-opacity" : .4
        }).click(function() {
            s.animate({
                transform : t,
                stroke : c
            }, 2000, "bounce");
        }).mouseover(function() {
            this.animate({
                "fill-opacity" : .75
            }, 500);
        }).mouseout(function() {
            this.animate({
                "fill-opacity" : .4
            }, 500);
        });
    })("r" + angle + " 320 240", color);
    angle += …
Run Code Online (Sandbox Code Playgroud)

transform vector-graphics raphael

4
推荐指数
1
解决办法
5219
查看次数

如何向 SVG 中的椭圆元素添加轮廓/边框?

我是 SVG 的新手。我想知道我可以使用什么属性向 SVG 代码中的椭圆元素添加轮廓/边框?实际上,我正在尝试使用 SVG 和 jQuery 制作交互式图表,因此我需要让某些选定的椭圆元素在事件发生时显示特定颜色(如深红色)的实心轮廓。我想知道如何做到这一点。

谢谢!

javascript jquery svg vector-graphics jquery-svg

4
推荐指数
1
解决办法
2239
查看次数

使用Snap.svg循环动画

背景:我正在使用Snap.svg渲染一个圆,然后在悬停时为其半径设置动画.我有这个部分使用下面的代码.

问题:我试图得到一次循环的"脉冲"效应circleRadar悬停时,它会不断地涉及到初始之间动画r和新r的70虽然文档snap.animate提及(来自于... )似乎很有希望,我无法弄清楚如何在我的代码的上下文中实现它.是否有人更熟悉Snap可以提供帮助?谢谢!

代码:

//create the circle
circleRadar = s.circle(195, 345, 20);

//initial styling  
circleRadar.attr({
  fill: "#3f8403",
  opacity: 0.3
});

//animation
function testRadar(){
  circleRadar.animate({
    opacity: '1',  
  r: 70
  }, 1000, mina.elastic);
}

//trigger
circleRadar.hover(testRadar);
Run Code Online (Sandbox Code Playgroud)

javascript animation svg vector-graphics snap.svg

4
推荐指数
1
解决办法
1万
查看次数

填充闭合二维曲线的算法

我需要找到一种绘制封闭的2D曲线内部的方法.这条曲线实际上是使用双三次贝塞尔曲线创建的,但我认为这并不重要.

此刻绘制的形状内不应有"洞".所以它将被完全填补.似乎受限制的Delaunay三角测量将是要走的路?但似乎有不同的方法来做到这一点.我正在寻找一个快速而简单的解决方案(但将实现使其工作所需的内容).

像Illustrator这样的程序具有这种功能(或SVG - 带有选项填充).

我在寻找:

  • 这样做的技巧
  • 请指出解释算法的纸张/文档
  • 是某个SVG渲染器的源代码?

编辑:

  • 该应用程序使用OpenGL.我自己绘制曲线.只需要找到一种填充它们的方法.
  • 形状可以是凹形或凸形

c++ algorithm graphics bezier vector-graphics

4
推荐指数
1
解决办法
5944
查看次数

如何将SVG导入Unity 2018.2

Unity的路线图表明,我们应该能够在Unity 2018.2中导入SVG。
我有Unity 2018.2.3,但无法将SVG用于Unity。Unity无法识别它们是精灵。
请任何人告诉我如何统一导入/使用SVG。

import svg vector-graphics sprite unity-game-engine

4
推荐指数
4
解决办法
6412
查看次数