gpt4 book ai didi

javascript - Raphael.JS 为什么要创建尺寸为 1000x1000 的纸张?

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

我有一个使用 raphael.js 的演示。它的代码非常简单,但是当在 Internet Explorer(小于版本 9)中查看时,我得到一个 1000px x 1000px 的 Raphael Canvas ,我不明白为什么。我正在使用 Raphael 的 1.5.2 版本。代码如下:

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Raphael Test</title>
<link rel="stylesheet" type="text/css" href="test.css">
<link href="../shared/img/favicon.png" rel="shortcut icon">
</head>
<body>
<div id="graph"></div>
<script src="../shared/js/raphael/raphael-min.js" type="text/javascript"> </script>
<script src="test.js" type="text/javascript"> </script>
</body>
</html>

CSS

/* Graph */
#graph { padding: 5px; width: 477px; height: 299; }

JS

var holder = document.getElementById('graph')
, width = holder.scrollWidth
, height = Math.round(width * 0.5625) + 25
, p = Raphael(10, 50, width, height)
, c = p.circle(p.width - 50, p.height - 50, 50);
alert(p.width + ' & ' + p.height);

我在 Raphael's Google group 中找到了讨论有同样的问题但没有解决。

最佳答案

我遇到了同样的问题并使用

var width = paper.canvas.clientWidth ? paper.canvas.clientWidth : paper.width;
var height = paper.canvas.clientHeight ? paper.canvas.clientHeight : paper.height;

代替 paper.width 和 paper.height 为 ie 版本 9 之前的浏览器和所有其他浏览器解决了这个问题。

关于javascript - Raphael.JS 为什么要创建尺寸为 1000x1000 的纸张?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4653429/

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