ECMAScript resize increments on canvas with requestAnimationFrame

I convey my confusion to gain insight through your experience and wealth of resources. For my purpose resize is inappropriate, and blur (which incorporates resize) is advised. I have read that blur adds blur as compared to an image pyramid. I am reminded that precision has a limit. These are practical reasons and the extent of my foundation when asking.

The concept which I personally encountered was small differences at quadrant boundaries. I realize this may be avoided by adhering to properly structured code. It’s trivial, but is there a term or resource for this topic? It occurred to me to ask a professional’s direction and share a use case. Perhaps these results are on the canvas side for me personally.

  1. is something better than INTER_LINEAR? _CUBIC and _AREA have the same effect.
  2. does a wrapper function or method exist which you would suggest?
  3. what determines the grid? It changes with dsize, canvas size and browser zoom.
  4. is there any relevant general overview page?

I don’t really care to dwell on these specific questions, but this is an attempt to rephrase my approach. Thanks again!