如何在JavaScript或HTML中调整动画gif的大小
如何在JavaScript或HTML中调整动画gif的大小
提问于 2012-12-02 16:54:35
我需要在安卓SplashScreen上显示一个动画。我想根据屏幕的高度宽度来调整它的大小。我可以使用webView和javascript成功地让它适合屏幕。但是我不能调整它的大小：)
我写我的代码，也许有人会需要它..
这是用index.html编写的html代码(我可以用Java写，但我不能用来显示动画gif)
<html>
<head>
<title></title>
</head>
<body style="padding: 0; margin: 0">
<script type="text/javascript">
function resize(image)
{
var differenceHeight = document.body.clientHeight - image.clientHeight;
var differenceWidth = document.body.clientWidth - image.clientWidth;
if (differenceHeight < 0) differenceHeight = differenceHeight * -1;
if (differenceWidth < 0) differenceWidth = differenceWidth * -1;
if (differenceHeight > differenceWidth)
{
image.style['height'] = document.body.clientHeight + 'px';
}
else
{
image.style['width'] = document.body.clientWidth + 'px';
}
// Optional: remove margins or compensate for offset.
image.style['margin'] = 0;
document.body.style['margin'] = 0;
}
</script>
<img src="file:///android_asset/html/screen1.gif"
onload="resize(this);"/>
</body>
</html>这是我的WebView：
WebView webView = (WebView) findViewById(R.id.webView);
webView.getSettings().setJavaScriptEnabled(true);
webView.setVerticalScrollBarEnabled(false);
webView.loadUrl("file:///android_asset/html/index.html");回答 1
Stack Overflow用户
发布于 2012-12-02 17:09:53
您需要比较图像的高度和宽度的比率与显示器的高度和宽度的比率。
var imageRatio = image.clientHeight / image.clientWidth;
var clientRatio = document.body.clientHeight / document.body.clientWidth;
if (imageRatio > clientRatio)
{
image.style['height'] = document.body.clientHeight + 'px';
}
else
{
image.style['width'] = document.body.clientWidth + 'px';
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13671468
复制相关文章
相似问题
禁用gif调整大小或调整大小而不丢失动画。
如何在CSS或HTML中调整图像/gif的大小？
如何用HTML/CSS调整GIF动画的大小？
NodeJS动画gif调整大小
批量调整动画gif的大小
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
