query.select('#canvasSmall').node(function(rect){

          debugger;

        var canvasS = rect.node;

        const ctxS = canvasS.getContext('2d');

        microdone.ctxS = ctxS;

        canvasS.width = WindowWidth2 * dpr

        canvasS.height = WindowWidth2 * dpr

        ctxS.scale(dpr, dpr)

        self.createCircle2();

        console.log(1111)

      });