1

私はこのコードを持っています：

function myClient() {
  if (!(this instanceof arguments.callee)) {
    return new arguments.callee(arguments);
  }
  var self = this;

  this.init = function() {
    self.viewResized();
    self.drawSvg();
  };

  this.viewResized = function () {
      var width = $('body').width(),
          windowHeight = $(window).height(),
          svgCanvasHeight = width * (369.0 / 567.0);
          $('#svg').css({
            'margin-top': 10
          });
    }

  this.drawSvg = function() {

    // ...
}

var myClient;

jQuery(function() {
  myClient = new myClient();
  $(window).resize(function() {
      console.log("window resized");
      myClient.viewResized();
    });
});

drawSvgでsvgCanvasHeightを動的に取得して、ウィンドウのサイズが変更されたときにsvgのviewBoxとsvgもサイズ変更されるようにするにはどうすればよいですか？

4

1 に答える 1

0

ここで回答: Get the real size of a SVG/G element

ビューボックスに関して：

SVG と jQuery には多くの問題がありました。

html 属性では大文字と小文字が区別されませんが、svg 属性 (viewBox など) では区別されません。element.setAttribute(name, value) ネイティブ JS 関数を使用してみます。これは私にとってはうまくいきました.viewBoxを大文字のBで使用していることを確認してください.

于 2013-01-07T17:16:14.703 に答える