以文本方式查看主题

-  中文XML论坛 - 专业的XML技术讨论区  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  在svg中如何实现带箭头的线  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=36868)


--  作者:yul26
--  发布时间:8/16/2006 9:43:00 PM

--  在svg中如何实现带箭头的线
在svg中如何实现带箭头的线呢,有这样的属性么 还是要自己画,谢谢各位指教
--  作者:DragonJohn
--  发布时间:8/17/2006 6:08:00 AM

--  
关键词:
path,marker
--  作者:wwwtiger
--  发布时间:8/17/2006 8:50:00 AM

--  
给你个例子,带箭头的XY坐标

<marker id="bigArrow"
         viewBox="0 0 20 20" refX="0" refY="10"
         markerUnits="strokeWidth" markerWidth="3" markerHeight="10"
         orient="auto">
         <path d="M 0 0 L 20 10 L 0 20 z" fill="purple" stroke="black"/>
      </marker>
<g id="chart" stroke="purple" stroke-width="3" fill="none"
         marker-end="url(#bigArrow)" >
 
  <path d="M 50 450 H 700" />
  <path d="M 50 450 l 0 -350" />
 </g>


W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
46.875ms