我的ArcGIS API for Javascript 2

var markerSymbol = new esri.symbol.SimpleMarkerSymbol();
markerSymbol.setColor(new esri.Color("#FF8F8F"));

var lineSymbol = new esri.symbol.SimpleLineSymbol();
lineSymbol.setColor(new esri.Color([255, 143, 143, 1]));
lineSymbol.setWidth(2);

var fillSymbol = new esri.symbol.PictureFillSymbol("img/fill.png",
new esri.symbol.SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID, new Color(‘#000‘), 1),42, 42);

<div id="info">
  <div>Tool Bar</div>
  <button id="Point">Point</button>
  <button id="Multipoint">Multipoint</button>
  <button id="Line">Line</button>
  <button id="Polyline">Polyline</button>
  <button id="FreehandPolyline">Freehand Polyline</button>
  <button id="Triangle">Triangle</button>
  <button id="Extent">Rectangle</button>
  <button id="Circle">Circle</button>
  <button id="Ellipse">Ellipse</button>
  <button id="Polygon">Polygon</button>
  <button id="FreehandPolygon">Freehand Polygon</button>
</div>

var map,tb;
map.on("load", initToolbar);
...
function initToolbar() {
    tb = new esri.toolbars.Draw(map);
    tb.on("draw-end", addGraphic);

    document.getElementById("info").onclick = function (evt) {
    if (evt.target.id == "") {return;}
    var tool = evt.target.id.toLowerCase();
    map.disableMapNavigation();
    tb.activate(tool);
   }
}

function addGraphic(evt) {
  tb.deactivate(); 
  map.enableMapNavigation();
  var symbol;
  if ( evt.geometry.type == "point" || evt.geometry.type == "multipoint")
  {
    symbol = markerSymbol;
  } else if ( evt.geometry.type == "line" || evt.geometry.type == "polyline")
  {
    symbol = lineSymbol;
  }
  else
  {
    symbol = fillSymbol;
  }
  map.graphics.add(new Graphic(evt.geometry, symbol));
}