SVG / XAML:定义看起来像箭头的路径

时间:2010-01-31 16:49:20

标签: wpf xaml path svg

我正在尝试使用SVG(实际上是XAML)来定义一个看起来像向下箭头的路径。

   |
   |
\  |  /
 \ | /
  \ /
   `

箭头边缘尖锐是非常重要的。我尝试使用MLz的各种组合但没有成功。

6 个答案:

答案 0 :(得分:4)

你应该看一下Marker元素:

painting_Markers

答案 1 :(得分:2)

我不知道SVG,但这会在XAML中产生尖锐的优势(在XAML Crancher中测试)

<Path Data="M 10 0 L 10 20 0 10 0 15 12.5 27.5 25 15 25 10 15 20 15 0 z" Stroke="Black"/>

答案 2 :(得分:1)

从SVG规范中查看this example。您可能需要调整'stroke-miterlimit' property,具体取决于角落的锐度。

答案 3 :(得分:0)

我建议使用类似inkscape的东西并设计箭头(只需画一条线,选择它,转到对象&gt;填充/轮廓&gt;图案和轮廓线&gt; endmarker) 然后保存为pdf,将* .pdf重命名为* .ai,打开混合并导入ai文件作为adobe illustrator。 这有点困难,但我仍然喜欢使用混合物。 (我翻译自德语,所以一些菜单项可能略有不同)

答案 4 :(得分:0)

我同意上述答案。

你(和你的读者)应该注意Raphael的问世(如果他们还没有)以及我为SVG世界提供的服务。

我和Raphael以及SVG一起工作了一年。这个指向我主页的链接可能会让您感兴趣(对那些仍在聆听和/或开启Inkscape / Cross Browser SVG功能的人来说)

http://www.irunmywebsite.com/

这个主页是W3C SVG推荐和javascript库的混合体,下面是使用SVG和Raphael快速启动和运行的所有资源。

关心Chasbeen。

答案 5 :(得分:0)

在做了一些研究之后,我认为这样的事情很容易 。我确实设法通过找到一个XAML箭头库来解决所有问题,然后做一些技巧来旋转我想要的箭头。