zoukankan      html  css  js  c++  java
  • svg如何用marker 定义一个黑色的小圆点

    <defs>
    <marker id="markerStartArrow"
    viewBox="0 0 30 30" refX="10" refY="25"
    markerUnits="strokeWidth" markerWidth="9" markerHeight="20"
    orient="auto">
    <path d="M0,25,A12.5,12.5,0,1,1,0,25.01Z"/>
    </marker>
    </defs>
    <line style="marker-start:url(#markerStartArrow); x1="325" x2="660" y1="535" y2="200"/>
    A指令 
    Elliptical Arc,允许不闭合。可以想像成是椭圆的某一段,共七个参数。
    RX,RY指所在椭圆的半轴大小
    XROTATION指椭圆的X轴与水平方向顺时针方向夹角,可以想像成一个水平的椭圆绕中心点顺时针旋转XROTATION的角度。
    FLAG1只有两个值,1表示大角度弧线,0为小角度弧线。
    FLAG2只有两个值,确定从起点至终点的方向,1为顺时针,0为逆时针
    X,Y为终点坐标
    如M0,25,A12.5,12.5,0,1,1,0,25.01Z表示一个圆心在(12.5,25),半径为12.5的圆。其中起点和终点几乎重合,用Z指令将它们闭合,注意终点不能填(0,25),那样A指令是无法被解析的。

     

    引用地址:http://bbs.csdn.net/topics/380146182

  • 相关阅读:
    Oracle SQL性能优化
    readystate, 异步
    DOMContentLoaded
    有限状态机(Finite-state machine)
    APPcache
    读取上传文件内容
    drag file upload xhr 拖拽异步上传文件
    web worker
    页面性能测试
    闭包用法,延迟tab
  • 原文地址:https://www.cnblogs.com/suizhikuo/p/3599718.html
Copyright © 2011-2022 走看看