OLD | NEW |
(Empty) | |
| 1 <!DOCTYPE html> |
| 2 <html> |
| 3 <head></head> |
| 4 <body> |
| 5 <canvas id="mycanvas" width="300" height="300"></canvas> |
| 6 <script src="script-tests/js-ellipse-implementation.js"></script> |
| 7 <script> |
| 8 var canvas = document.getElementById('mycanvas'); |
| 9 var ctx = canvas.getContext('2d'); |
| 10 |
| 11 ctx.fillStyle = '#0f0'; |
| 12 ctx.fillRect(0, 0, canvas.width, canvas.height); |
| 13 ctx.lineJoin = 'bevel'; |
| 14 ctx.lineWidth = 12; |
| 15 ctx.beginPath(); |
| 16 ellipseUsingArc(ctx, 200, 150, 40, 80, -Math.PI / 6, Math.PI / 2, -Math.PI / 2,
false); |
| 17 ellipseUsingArc(ctx, 100, 150, 40, 80, Math.PI / 6, Math.PI / 2, -Math.PI / 2, f
alse); |
| 18 ctx.stroke(); |
| 19 </script> |
| 20 </body> |
| 21 </html> |
OLD | NEW |