Distance fields (corner case)

TBC

A circle is subtracted from an identical one. An outline is still visible because of the tolerance introduced by the BLUR parameter. If BLUR is set to zero, the shape is not rendered.

xxxxxxxxxx
 
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="description" content="Distance fields (corner case)" />
    <title>Distance fields (corner case)</title>
    <link rel="stylesheet" href="index.css">
    <script src="https://d3js.org/d3.v3.min.js"></script>
</head>
<body>
  <canvas id="left" width="480" height="500"></canvas>
  <canvas id="right" width="480" height="500"></canvas>
  
  <script src="index.js"></script>
</body>
</html>
    

Modified http://d3js.org/d3.v3.min.js to a secure url

https://d3js.org/d3.v3.min.js