react-native-qr-generator-fixed/lib/styles/outerEyeStyles/circle.js

A customisable QR code component for React Native applications.

/*

circle.js

This file exports a function for drawing a circle outer eye piece for a QRCode

  --Geoff Natin 11/1/18 17:41

*/
import React, { Component } from 'react';
import Svg, { Circle } from 'react-native-svg';

//Returns an SVG Element for a piece of the 'circle' outerEyeStyle
export function drawCirclePiece(x,y,modules,pieceProperties,props){
  var length = modules.length;
  var width = props.size;
  var height = props.size;
  var xsize = width / (length + 2 * props.padding);
  var ysize = height / (length + 2 * props.padding);
  var px = (x * xsize + props.padding * xsize)+xsize/2;
  var py = (y * ysize + props.padding * ysize)+ysize/2;
  return (<Circle key={px+':'+py} cx={px} cy={py} r={xsize/2} fill={props.color} />);
}