|
@@ -0,0 +1,22 @@
|
|
|
+<link rel="match" href="reference/canvas-arcs-and-ellipses-ref.html" />
|
|
|
+<style>
|
|
|
+ canvas {
|
|
|
+ border: 1px solid black;
|
|
|
+ image-rendering: pixelated;
|
|
|
+ }
|
|
|
+</style>
|
|
|
+<canvas id="canvas" width="125" height="125"></canvas>
|
|
|
+<script>
|
|
|
+ const canvas = document.getElementById("canvas")
|
|
|
+
|
|
|
+ const context = canvas.getContext("2d");
|
|
|
+ context.beginPath();
|
|
|
+ context.arc(59, 55, 38, 5.3849570248895775, 2.9421639085067177);
|
|
|
+ context.stroke();
|
|
|
+ context.fill();
|
|
|
+
|
|
|
+ context.beginPath();
|
|
|
+ context.ellipse(20,20,15,8,1.2273132071162383,4.1926143018618225,2.8853539230051624);
|
|
|
+ context.stroke();
|
|
|
+ context.fill();
|
|
|
+</script>
|