Почему Raphael.JS создает бумагу с размерами 1000x1000? - PullRequest
Новая
       0

Почему Raphael.JS создает бумагу с размерами 1000x1000?

1 голос
/ 11 января 2011

У меня есть демо, использующее raphael.js . Код для этого очень прост, но при просмотре в Internet Explorer (за исключением версии 9) я получаю холст Raphael размером 1000 на 1000 пикселей и не могу понять, почему. Я использую версию 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);

Я нашел обсуждение в группе Google Рафаэля с той же проблемой, но без разрешения.

1 Ответ

1 голос
/ 31 августа 2011

У меня была такая же проблема и с использованием 

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

вместо paper.width и paper.height решили эту проблему, т. Е. Старше, чем версия 9 и все остальные браузеры.

...