Update component.jsx

This commit is contained in:
hiroshisuga 2020-10-28 14:37:49 +09:00 committed by GitHub
parent c6da577c2b
commit dcf50d4e47
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -40,6 +40,7 @@ export default class EllipseDrawComponent extends Component {
render() {
const results = this.getCoordinates();
const { annotation, slideWidth } = this.props;
const { fill } = annotation;
const {
cx, cy, rx, ry,
} = results;
@ -50,7 +51,7 @@ export default class EllipseDrawComponent extends Component {
cy={cy}
rx={rx}
ry={ry}
fill="none"
fill={ fill ? getFormattedColor(annotation.color) : "none" }
stroke={getFormattedColor(annotation.color)}
strokeWidth={getStrokeWidth(annotation.thickness, slideWidth)}
style={{ WebkitTapHighlightColor: 'rgba(0, 0, 0, 0)' }}
@ -67,6 +68,7 @@ EllipseDrawComponent.propTypes = {
points: PropTypes.arrayOf(PropTypes.number).isRequired,
color: PropTypes.number.isRequired,
thickness: PropTypes.number.isRequired,
fill: PropTypes.bool.isRequired,
}).isRequired,
// Defines the width of the slide (svg coordinate system), which needed in calculations
slideWidth: PropTypes.number.isRequired,