怎么在react里绘制任意角度扇形

needspeedboy
  • 590

现在需要做一个任意角度的扇形,以后要用代码控制其如的从0度到360度的过渡;360度就是一个整圆了;

回复
阅读 2.4k
1 个回答

搞定了,安装了react-konva就可以很容易在react插入很多canvas绘制的图形了;

———————————————————————————————————————————————————

import React, { Component, PropTypes } from 'react'
import {Layer,Rect,Stage,Group,Circle,Arc} from 'react-konva';

class App extends React.Component {

constructor(...args) {
    super(...args);
    this.state = {
        color: 'green'
    };
    this.handleClick = this.handleClick.bind(this);
}
handleClick() {
    this.setState({
        color: Konva.Util.getRandomColor()
    });
}
render() {
    return (
        <Stage width={700} height={700}>
            <Layer>
                <Arc
                    x={100} y={100}
                    innerRadius={0}
                    outerRadius={100}
                    strokeWidth={1}
                    angle={360}
                    rotationDeg={-90}
                    fill={this.state.color}
                    stroke={'black'}
                    />

            </Layer>
        </Stage>
    );
}

}

export default App

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
你知道吗?

宣传栏