import React from 'react'; import ReactDOM from 'react-dom'; import { arc } from 'd3'; //console.log(arc); const width = 960; const height = 500; const hairH = 100; const centerX = width / 2; const centerY = (height + hairH) / 2; const radiusY = (height - hairH) / 2; const strokeWidth = 10; const eyeOffsetX0 = 90; const eyeOffsetY0 = 100; const eyeOffsetX = 80; const eyeOffsetY = 70; const eyeRadius = 40; const noseHeight = 100; const pupilRadius = 20; const mouthWidth = 30; const mouthRadius = 140; const eyeBrowseR = 160; const eyeBrowseW = 20; const mouthArc = arc() .innerRadius(mouthRadius) .outerRadius(mouthRadius + mouthWidth) .startAngle(Math.PI * 0.8) .endAngle(Math.PI * 1.2); const mouthArc1 = arc() .innerRadius(mouthRadius + mouthWidth/2 - 1) .outerRadius(mouthRadius + mouthWidth/2 + 1) .startAngle(Math.PI * 0.8) .endAngle(Math.PI * 1.2); const leftArc = arc() .innerRadius(eyeBrowseR) .outerRadius(eyeBrowseR + eyeBrowseW) .startAngle(Math.PI * (2.3)) .endAngle(Math.PI * (2.1)) ; const rightArc = arc() .innerRadius(eyeBrowseR) .outerRadius(eyeBrowseR + eyeBrowseW) .startAngle(Math.PI * (1.7)) .endAngle(Math.PI * (1.9)); const App = () => ( ); const rootElement = document.getElementById('root'); ReactDOM.render(, rootElement);

Smiley Face Part III

yuzhang21