标签: vector-graphics

如何在C＃中创建EPS文件？是否有可用的开源库，还是我必须诉诸规范并手动完成？

如果我想编写一个生成PDF格式矢量图形的Python脚本,那么该工作的正确工具是什么？特别是,我需要绘制带圆角的填充多边形(即由直线和圆弧组成的平面图形).

似乎matplotlib可以很容易地绘制具有圆角的矩形和具有尖角的一般多边形.但是,要绘制带圆角的多边形,我似乎必须首先计算出近似于形状的贝塞尔曲线.

有没有更直接的可用？或者是否有另一个库可用于计算Bézier曲线,该曲线近似于我想要生成的形状？理想情况下,我只需为每个顶点指定(位置,角半径)对.

这是一个例子:我想指定红色多边形(+每个角的半径),库将输出灰色图:

(对于凸多边形,我可以作弊并使用粗笔绘制多边形的轮廓.但是,这在非凸面情况下不起作用.)

我想手动将点添加到绘图中(通过鼠标点击),然后从这些点生成坐标数据.

是否有一个包或一组函数可以让我在R中执行此操作？

为此序言:

我已经考虑过将它放在graphicdesgin.stackexchange.com上,但我得出结论,我的Android特定问题可能不是最好的地方.这就是我选择stackoverflow的原因,因为它似乎更像是Android imageViews然后是图形本身的问题.谢谢.

我需要在Android应用程序中使用一些基本图标.我有Illustrator和Photoshop(在任何一个都不是很好,但我可以顺利).我偶然发现了http://www.androidicons.com/,我看到很有可能只用25美元就节省了几个小时的时间.为了了解在我的应用程序中使用它们需要做些什么,我下载了免费的"BONUS ICONS 01"包.

我决定尝试使用时钟图标,看看它在我的应用程序中是如何工作的.我在Illustrator中将图标放大到大约800px,然后将其复制并粘贴到Photoshop中.我把它保存为.png,然后我创建了一个示例应用程序来测试它.

该图像是只投入xhdpi文件夹,因为我可能会使用此图标的东西比操作栏较大,但不是东西,会占用整个屏幕.我的想法是,如果你要为所有单独的dpi级别创建操作栏图标,那么你必须确切地知道你将要制作它们的大小(以像素为单位),因此它们看起来都非常好(例如,如果您从谷歌下载操作栏图标,他们会以几种尺寸向您提供,而不仅仅是一种尺寸.但是,如果他们将被用于比这更大的东西呢？我怎么知道要制作它们的尺寸.

要真实地表达我对如何无法理解这个主题的沮丧.这是我的应用程序的代码,以及它最终看起来像我的Galaxy Nexus的结果.较大的图标很好,而较小的图标看起来不那么清晰.我该如何解决？在Illustrator中制作图像并进入Photoshop并确保它们在任何尺寸下都能使用它们的正确方法是什么？

此致

Android开发人员只是不懂图形.

正如你所看到的那样,当图像很大时,它看起来看起来很不错,但是当图像较小时使用它会导致IMO出现一些问题.有办法解决这个问题吗？我太挑剔了吗？即使我将它调整为更小,并将其放入mdpi,我的布局是否会选择它？

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity" >

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_alignParentLeft="true"
        android:layout_alignParentTop="true"
        android:orientation="vertical" >

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight="1"
            android:gravity="center|center_horizontal" >

            <ImageView
                android:id="@+id/imageView1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/anti_huge"
                android:layout_weight="1" />

            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/anti_huge"
                android:layout_weight="1" />
            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/anti_huge"
                android:layout_weight="1" />
            <ImageView
                android:id="@+id/imageView2"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/anti_huge"
                android:layout_weight="1" />

        </LinearLayout>

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="fill_parent"
            android:layout_weight="1"
            android:gravity="center|center_horizontal" >

            <ImageView
                android:id="@+id/imageView3"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@drawable/anti_huge" />

        </LinearLayout> …

因此，我不是数学知识最渊博的人，希望获得一些急需的反馈。对于初学者来说，我的目标只是使图像追逐鼠标。发生了一些我没想到会收到反馈的事情。

1）追赶非常僵化，并且以非常“ ...成角度的”方式跟随鼠标，仅在屏幕上似乎设置的点（中间x轴，中间y轴和对角线）上改变方向。

2）我希望速度保持恒定，但是图像越靠近鼠标，移动速度就越快。

3）当图像到达鼠标时，它“弹弓”通过了鼠标，从而产生了模糊的狂潮，而不是到达鼠标位置并停止。

这些是我主要关心的问题，但是如果您发现我可能会误解的任何内容，请告诉我。我渴望了解整个矢量/三角学（以便很快进入物理学）。

def follow (self):
    mouse_pos = pygame.mouse.get_pos()
    diff = (self.xPos-mouse_pos[0], self.yPos-mouse_pos[1])
    vector = math.sqrt(diff[0]**2 + diff[1]**2)
    distance = (self.xPos/vector, self.yPos/vector)

    if (self.xPos, self.yPos) == mouse_pos:
        return
    if mouse_pos[0] >= self.xPos:
        self.xPos += distance[0]
    else:
        self.xPos -= distance[0]
    if mouse_pos[1] >= self.yPos:
        self.yPos += distance[1]
    else:
        self.yPos -= distance[1]

（可以在此处查看整个程序http://ideone.com/6OxWLi）

在此先感谢您的帮助！

我在页面上有一些使用SVG文件作为背景图像的元素.它在Opera,Chrome和Safari中运行良好,只有Firefox才能使图形真正像素化.

我已经对该主题进行了搜索,在这里甚至有一些类似的问题:
Firefox中的SVG渲染很糟糕
Firefox没有抗锯齿缩放的背景svg
Firefox SVG图形模糊

一些建议是不要过度使用background-size和扩展SVG width="100%" height="100%".

我只将SVG缩放了5%,所以真的不应该太多.添加width="100%" height="100%"是稍微修正了像素化,但与其他浏览器相比,它仍然非常模糊.

这个链接的评论有什么帮助:http://coding.smashingmagazine.com/2012/01/16/resolution-independence-with-svg/#comment-573707

最初的宽度和高度是22px.现在我已经设置为200px和voilà,SVG渲染得如此清晰 - 但现在Opera渲染它有点模糊/非常糟糕!此外,放大时,图形会"切断".因此,不是按比例缩放,而是在图标框中放大图形.那有什么问题吗？

有趣的是:作为按钮的背景图像,它呈现模糊.作为输入字段中的背景图像,它会呈现为"过于清晰",我称之为"过度清晰".

我的问题的背景是我有一堆几何(大量的,想想在更大的区域上的地图)分割成多个wpf几何实例(最初它们是PathGeometry,但为了减少内存使用,我预先处理它们并在创建StreamGeometries期间加载).现在我想做的是从这些几何体生成切片.

基本上我想采取一个更大的几何对象并"切出"它的矩形(我的瓷砖),所以我得到几个较小的几何形状.类似下图:

请注意,我希望结果是一个新的几何体,而不是渲染.我知道我可以通过将剪辑应用于UIElement或将剪辑推送到绘图视图来实现视觉效果.

我已经尝试使用Geometry.Combine,其中一个参数是剪辑矩形,但我不能让它做我想要的(我通常只得到剪辑矩形后面,或一个空几何,取决于哪个组合模式我用).

或者,如果使用WPF无法完成此操作,是否还有其他(第三方可以).NET的通用purporse几何API可以执行这些操作？或者这可以使用WPF几何API的其他部分实现？

用于渲染填充路径的矢量图形中使用的标准算法是什么？

我不仅对渲染笔画的过程感兴趣,我还想知道如何填充形状 - 如何确定给定的点是在路径的内部还是外部(我相信甚至指定内部和外部的规则)意思是不是一件简单的事情).

我创建了一个SVG矢量图形(使用CorelDraw X7),如下所示:

然后我使用svg2android将其转换为VectorDrawable格式.但是,当我尝试在布局中使用它时,它不会出现:

正如你所看到的,旁边还有另一个矢量可绘制,工作正常(因此svg2android和Android Studio工作正常).

这是实际drawable的xml:

<?xml version="1.0" encoding="utf-8"?>
<vector xmlns:android="http://schemas.android.com/apk/res/android"
android:width="24dp"
android:height="24dp"
android:viewportWidth="24"
android:viewportHeight="24">
<path
    android:fillColor="#000000"
android:pathData="M 1382,680 c 107,0 194,112 194,251 0,138 -87,250      -194,250 -2,0 -3,0 -5,0 -17,98
-85,219 -230,219 l 0,77 c 0,28 235,1 235,45 l 0,55 -556,0 0,-55 c 0,-59 235,-11
235,-45 l 0,-77 c -125,0 -211,-106 -230,-219 -1,0 -3,0 -5,0 -107,0 -195,-112
-195,-250 0,-139 88,-251 195,-251 l 0,0 0,-48 556,0 0,48 z m -555,413 -1,-325 c
0,0 0,0 0,0 -70,0 -126,73 -126,163 0,89 …

我正在使用D3.js <path>直线绘制一些SVG .所有这些元素都包含在<g>具有相同垂直变换的a中.

我想围绕圆弧"包裹"这些元素.最后,每个矩形应该成为圆弧的一小部分,垂直线将指向圆的中心.

我意识到我可能从一开始就在弧形中执行此操作:例如,绘制粗圆圈段端对端而不是矩形.然而,这听起来像很多数学和计算,特别是对于刚接触SVG的人.

有没有办法将这些元素转换为事后曲线,这意味着我可以使用绘制这些矩形的代码 - 可能通过更改transform属性？如果有一个外部SVG库(虽然我看起来没有成功),我也考虑使用它.