title: Disable D3 zoom on circle PNG background
body: <p>I am trying to disable the D3 zoom on a particular element. This element happens to be the PNG background to a circle.</p>
  
  <p>Right now this is not working. I have tried to offset the scale parameter in the zoom, but the background PNG still 'grows' with the circle. Here is my <a href="https://jsfiddle.net/Guill84/42q1gnho/1/" rel="nofollow noreferrer">jsfiddle</a>.</p>
  
  <p><strong>This is how I try to offset the zoom:</strong></p>
  
  <pre><code>d3.selectAll("#grump_avatar").attr("transform", "scale(" + 1/d3.event.scale + ")");
  </code></pre>
  
  <p>I know there are similar questions on SO, but please note none of them have received a satisfactory response thus far. Better luck here, hopefully.</p>