rc-arrowJavaScript 实现的箭头效果

联合创作 · 2023-09-22 02:57

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

示例截图

简单箭头 模拟select 发散箭头

安装

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 箭头边长
浏览 7
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑
举报