Ubuntu: 14.04.2 LTS (32bit and 64bit versions)
Firefox: Mozilla Firefox for Ubuntu canonical - 1.0
Installed: 36.0.1+build2-0ubuntu0.14.04.1
I wrote the simple script to draw the circle composed by lines from it center. In Ubuntu Firefox I've got some weird looking artefacts, while in other OSes or browsers all seems to be ok (I've tested Firefox, Opera and Chrome in Windows, Chrome and Opera in Ubuntu).
To reproduce:
-------------------
1. Open source file circle360.html in Firefox on Ubuntu;
2. Expected to see the correctly drawin picture;
3. Instead I see the picture with drawing artefacts (look at attached picture canvas-firefox.png)
Source file: circle360.html
-------------------------------------
<!DOCTYPE html>
<html>
<head>
<title>Ray Circle</title>
</head>
<body>
<canvas height='640' width='640' id='example'>You should update your browser.</canvas>
<script>
var example = document.getElementById("example"),
ctx = example.getContext('2d'),
PIdiv180 = Math.PI / 180,
size = 480;
ctx.beginPath();
for (var i = 0; i < 360; i++) {
ctx.moveTo(320, 320);
ctx.lineTo(320 + Math.sin(i * PIdiv180) * 320, 320 + Math.cos(i * PIdiv180) * 320);
}
ctx.stroke();
</script>
</body>
</html>
-------------------------------------
Thanks. I can reproduce this with Firefox 37.0.1. Can you report the bug upstream to Mozilla and link this bug report to the upstream bug report by clicking on "Also affects project" near the top of this page?