rem: gutter.setAttribute("transform", "translate(10,6) rotate(30) scale(11)");    gutter.setAttribute("stroke", "black"); 
add: gutter.setAttribute("transform", "rotate(30) scale(" + 6*SQRT3 + ")"); gutter.setAttribute("stroke", PaleGreen4); 
context: function makeBoard(parent) {  var board = makeGroup(parent);  moveXY(board, 6, 10);  var gutter = makeHex();  gutter.setAttribute("transform", "translate(10,6) rotate(30) scale(11)");  // TO DO: why is the translate necessary?  Shouldn't it inherit from board?  // And why are the coordinates reversed?!  // And shouldn't the scale only need to be like 7?  gutter.setAttribute("stroke", "black");  gutter.setAttribute("stroke-width", 0.04);  gutter.setAttribute("fill-opacity", 0);  board.appendChild(gutter);  for (col = 0; col < 13; col++) {    for (row = Math.max(0, col - 6); row < Math.min(col + 7, 13); row++) {      var hex = makeHex();      hex.setAttribute("fill", PaleGreen3);      hex.setAttribute("stroke", "black");      hex.setAttribute("stroke-width", 0.1);      moveRC(hex, row, col);      if (isGutterRC(row, col))	// Gutter space, shrink to half size.	hex.setAttribute("transform", hex.getAttribute("transform")			 + "scale(0.5)");      board.appendChild(hex);    }  }  return board;}
meta: 3078	/local1/tlutelli/issta_data/temp/all_js/javascript/2006_temp/2006/3078/57e123213136cd2df89aa8c163460ab5af2df27d/main.js/clean/ui/main.js