title: Unusual antialias while using basic texture material in three.js
body: <p>In the following code I am setting up a very basic scene with an orthographic camera and a canvas mapped as a texture to a plane geometry. </p>
  
  <p>I put some white text on to a transparent canvas, and if I use canvas.toDataURL(), the effect isn't present.</p>
  
  <p>However, when I apply the canvas contents to a material as a texture and render it within a super-standard 2d scene, a black line outlines my text, probably the result of weird antialias stuff happening. In this example, the renderer clear color, material, and text are all pure white.</p>
  
  <p>Here is a screenshot: <img src="https://i.stack.imgur.com/HOU9D.png" alt="screenshot"></p>
  
  <pre><code>var camera = new THREE.OrthographicCamera(window.innerWidth / - 2,
                                            window.innerWidth / 2, 
                                            window.innerHeight / 2, 
                                            window.innerHeight / - 2, 0, 10);
  
  var scene = new THREE.Scene();
  
  canvas = document.createElement('canvas');
  canvas.width = 300;
  canvas.height = 300;
  
  var context = canvas.getContext('2d');
  
  context.fillStyle = "white";
  context.font = "bold 72px Arial";
  context.fillText("Zibri", 50, 100);        
  
  var texture = new THREE.Texture(canvas);
  var geometry = new THREE.PlaneGeometry(canvas.width, canvas.height);
  
  texture.needsUpdate = true;
  
  var material = new THREE.MeshBasicMaterial({ color: 0xffffff, map: texture, transparent: true });
  var mesh = new THREE.Mesh(geometry, material);
  
  scene.add(mesh);
  
  renderer = new THREE.WebGLRenderer({ antialias: false });
  renderer.setSize( window.innerWidth, window.innerHeight );
  renderer.setClearColor(0xffffff)
  
  document.body.appendChild( renderer.domElement );
  
  camera.lookAt(scene.position);
  renderer.render(scene, camera);
  </code></pre>