rc-arrow - JavaScript 实现的箭头效果


GPL
跨平台
JavaScript

软件简介

JavaScript 实现的任意大小,任意方向, 任意角度的箭头。

示例截图

简单箭头 模拟select 发散箭头
![](/static/assets/osapp/images/45fa5e3494e293666e68d682c98f5e7c.png) ![](/static/assets/osapp/images/a5ea6bf75ffe3ae7c38fdf8243d8de70.gif) ![](/static/assets/osapp/images/1d968a2263a402d6074185c2c02fd5f1.png)

安装

npm install rc-arrow --save


import Arrow from 'rc-arrow'

class Hw extends Component {
    render() {
        return (
            <Arrow size="20px" color="red"/>
        )
    }
}

示例

在线示例

示例代码

属性

name type default description
degree number 90 箭头的张角, 角度制
offsetDegree number 0 箭头的方向,默认指向右边
color string - 箭头的颜色
size string 10px 箭头边长