html - 如何响应地将路径居中到 svg 容器的中心？

Question

<分区>

Answer 1

所以我通常不会使用 jQuery 来设置样式，但我相信这是一个异常(exception)，因为它不会与我尝试过的任何 CSS 发生冲突。这是我编写的一个小函数，即使您调整页面大小也能使云居中。

jQuery:

function centerCloud() {
  var cloudCenter = $('#sky').outerWidth()/2 - 35;
  $('#cloud').css('transform', 'translate(' + cloudCenter + 'px, 0px)');
}

centerCloud();

$(window).on('resize', function(){
    centerCloud();
});

这是一个working fiddle .