three.js - ジオメトリと一致しない画像テクスチャ

Question

ImageUtilsで作成したPlanegeometryとテクスチャをCanvasRendererで作成し、メッシュを作成して相対パラメータの設定を全て終えました。その結果、空間に画像テクスチャを持つ PlaneGeometry が対角線が表示され、さらに、この対角線によって1 つの画像が2 つの部分に分割され、この 2 つの部分の画像が一致しなくなります。それ？キーコードは次のとおりです。

    var planeGeo=new THREE.PlaneGeometry(2000,3000);
    var map = THREE.ImageUtils.loadTexture( 'images/greenLines.png' );
    map.wrapS=map.wrapT = THREE.RepeatWrapping;
    map.repeat.set(2,2);
    map.anisotropy = 16;
    var planeMaterial=new THREE.MeshBasicMaterial({color:0xFFBBEE,map:map,overdraw:true});
    var planeMesh=new THREE.Mesh(planeGeo,planeMaterial);
    planeMesh.position.set(2000,-2000,5000);
    scene.add(planeMesh);

注:画像は緑色の線で構成されています。結果は、線が切断され、1 つの線が 2 つの分割された三角形上にある 2 つの線になっていることを示しています。 この画像の 2 つの部分がずれることなくよく一致するように、コードをどのように変更すればよいでしょうか。斜め線は消せますか？