我正在尝试实现动画svg icons 进入我的Wordpress主题。这一切都很好，只是我不知道如何在这个js文件中为svg图像设置正确的url：

var svgIconConfig = {
    plus : { 
        url : \'svg/plus.svg\',
        animation : [
            { 
                el : \'path:nth-child(1)\', 
                animProperties : { 
                    from : { val : \'{"transform" : "r0 32 32", "opacity" : 1}\' }, 
                    to : { val : \'{"transform" : "r180 32 32", "opacity" : 0}\' }
                } 
            },
            { 
                el : \'path:nth-child(2)\', 
                animProperties : { 
                    from : { val : \'{"transform" : "r0 32 32"}\' }, 
                    to : { val : \'{"transform" : "r180 32 32"}\' }
                } 
            }
        ]
    }
};

以下是我尝试过的：

在函数中。php

function svgicons_config() {
  wp_register_script(\'svgicons-config\', get_template_directory_uri() . \'/js/svgicons-config.js\', array(), \'1.0.0\', \'true\'); // Custom scripts
  wp_enqueue_script(\'svgicons-config\');
}

$svg_path = array( \'template_url\' => get_bloginfo(\'template_url\') );
wp_localize_script( \'svgicons-config\', \'svg_path\', $svg_path );

add_action(\'init\', \'svgicons_config\');

在svgicons配置中。js公司：

url : \'svg_path.template_url+"/svg/plus.svg"\',

这方面的变化很少。但运气不好。我几乎可以肯定我在这一部分犯了一些愚蠢的错误。。

// Wrong
url : \'svg_path.template_url+"/svg/plus.svg"\',

// Right:
url : svg_path.template_url + "/svg/plus.svg",