we investigate the competition between topology and localization in the one-dimensional Su-Schrieffer-Heeger (SSH) model with controllable off-diagonal quasi-periodic modulations on superconducting circuits. By utilizing external ac magnetic fluxes, each transmon can be driven and all coupling strengths can be tuned independently. Based on this model we construct phase diagrams that illustrate the extended topologically nontrivial, critical localization, and coexisting topological and critical localization phases. The dynamics of the qubits‘ excitations are also discussed in this paper, revealing distinct quantum state transfers resulting from the interplay between topology and localization. Furthermore, we propose a method for detecting different quantum phases using current experimental setups.