gpt4 book ai didi

javascript - 在窗口调整大小时自动缩放 svg

转载 作者:行者123 更新时间:2023-11-28 09:27:08 25 4
gpt4 key购买 nike

我有这个代码:

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也会调整大小?

最佳答案

在这里回答:Get the real size of a SVG/G element

关于viewBox:

我在使用 SVG 和 jQuery 时遇到了很多问题。

虽然 html 属性不区分大小写,但 svg 属性(如 viewBox)则不然。我会尝试使用 element.setAttribute(name, value) 原生 JS 函数。这对我有用,并确保您使用的是带有大写 B 的 viewBox。

关于javascript - 在窗口调整大小时自动缩放 svg,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14200383/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com