<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" width="665" height="640" viewBox="0 0 665 640"
	xmlns="http://www.w3.org/2000/svg"
	xmlns:xlink="http://www.w3.org/1999/xlink"
	xml:space="preserve"
	xml:lang="en"
><title>Определение тригонометрических функций с помощью единичной окружности</title>
<defs>
	<style type="text/css">
		circle, ellipse, line, path{
			fill: none;
			stroke: currentColor;
			stroke-width: 3;
		}
		text{
			fill: currentColor;
			font-family: "Times New Roman", Times, serif;
			font-size: 24px;
			font-weight: bold;
			text-anchor: end;
		}
		.solid      { fill: currentColor; stroke: none; }
		.blue       { color: #00f; }
		.green      { color: #0f0; }
		.cyan       { color: #0dffff; }
		.dark-green { color: #008000; }
		.purple     { color: #800080; }
		.orange     { color: #ff8000; }
		.mid        { stroke-width: 4; }
		.thick      { stroke-width: 5; }
		.ticks      { stroke-width: 11; stroke-dasharray: 1,14.7; }
		.dashes     { stroke-dasharray: 18,12; }
		.sans       { font-family: Arial, Helvetica, sans-serif; font-weight: normal; }
		.left       { text-anchor: start; }
		.centre     { text-anchor: middle; }
		.unit       { font-size: 11.5px; }
		.axis-name  { font-size: 31px; }
		.arrow      { marker-end: url(#arrowhead); }
		.vertex{
			fill: #f00;
			stroke: currentColor;
			stroke-width: 1;
		}
	</style>

	<!-- Arrowhead -->
	<marker id="arrowhead"
		viewBox="0 0 11.22 13"
		refX="6.3"
		refY="6.3"
		markerWidth="11.22"
		markerHeight="13"
		markerUnits="userSpaceOnUse"
		orient="auto"
	><path class="solid" d="
		M 0.031 0
		l 9.304 4.513
		c 2.916 1.274 2.078 3.15 0 4.089
		L 0.69 13
		c 0 0 -0.117 -0.714 0.366 -1.181
		c 1.451 -1.402 4.26 -4.281 4.26 -5.412
		c 0 -1.115 -3.239 -3.841 -4.897 -5.412
		C -0.163 0.441 0.031 0 0.031 0
		Z
	"/></marker>
</defs>

<circle cx="278" cy="352.5" r="156.5"/>
<path d="
	M 277.5 352.5
	l 18.973 -16.493
	c 1.935 2.284 3.452 4.9 4.481 7.724
	c 1.023 2.807 1.546 5.776 1.546 8.769
	H 277.5
	Z
"/>
<line x1="640.5" y1="33" y2="597"/>
<line x1="665" y1="555" x2="205.5" y2="33"/>
<line class="ticks" x1="10" y1="352.5" x2="636" y2="352.5"/>
<line class="ticks" x1="277.5" y1="620" x2="277.5" y2="28"/>
<line class="dashes" x1="7" y1="195.5" x2="658" y2="195.5"/>
<line class="dashes" x1="434.5" y1="36" x2="434.5" y2="626"/>
<line class="dark-green" x1="278" y1="195.5" x2="458" y2="195.5"/>
<line class="arrow" x1="277.5" y1="625" x2="277.5" y2="15"/>
<line class="arrow" y1="352.5" x2="640" y2="352.5"/>
<line class="mid blue" x1="434.5" y1="214.4" x2="434.5" y2="353"/>
<line class="mid green" x1="277.5" y1="249" x2="395" y2="249"/>
<line class="mid cyan" x1="395.25" y1="249" x2="395.25" y2="352.5"/>
<line class="thick orange" x1="277.5" y1="352" x2="277.5" y2="116"/>
<line class="thick purple" x1="277.5" y1="352.5" x2="486.5" y2="352.5"/>
<circle class="vertex" r="4" cx="277.5" cy="249"/>
<circle class="vertex" r="4" cx="277.5" cy="115"/>
<circle class="vertex" r="4" cx="455.6" cy="195.6"/>
<circle class="vertex" r="4" cx="395"   cy="249"/>
<circle class="vertex" r="4" cx="434.5" cy="214.4"/>
<circle class="vertex" r="4" cx="277.5" cy="352.5"/>
<circle class="vertex" r="4" cx="395"   cy="352.5"/>
<circle class="vertex" r="4" cx="486.5" cy="352.5"/>

<!-- Text labels -->
<text x="646.5" y="359" class="axis-name left sans">x</text>
<text x="284.3" y="20"  class="axis-name left sans">y</text>
<text x="270.5" y="42"  class="sans unit">2</text>
<text x="270.5" y="121" class="sans unit">1.5</text>
<text x="270.5" y="278" class="sans unit">0.5</text>
<text x="270.5" y="434" class="sans unit">−0.5</text>
<text x="270.5" y="513" class="sans unit">1</text>
<text x="270.5" y="591" class="sans unit">−1.5</text>
<text x="270.5" y="199" class="sans unit">1</text>
<text x="284.5" y="116.7" class="left">E</text>
<text x="465.5" y="184.8">D</text>
<text x="425.5" y="221.8">C</text>
<text x="285.1" y="377.8" class="left">O</text>
<text x="306.3" y="346.4" class="left">α</text>
<text x="487.5" y="375.8">F</text>
<text x="440.2" y="425.6" class="left">x=1</text>
<text x="574.3" y="184.8" class="centre">y=1</text>
<text x="395"   y="274" class="centre">B</text>
<text x="389.7" y="323" class="cyan">sinα</text>
<text x="330.3" y="242" class="centre green">cosα</text>
<text x="269.3" y="233" class="orange">cscα</text>
<text x="369.3" y="187" class="centre dark-green">cotα</text>
<text x="439.3" y="281" class="blue left">tanα</text>
<text x="391.2" y="378" class="centre purple">secα</text>
<text x="119.8" y="373" class="centre sans" style="font-size: 15px">−1</text>
<text x="590.8" y="373" class="centre sans" style="font-size: 15px">2</text>
</svg>
