在Raphael JS中围绕你的论文画边框

Question

好的......拉斐尔非常新鲜.

无论如何,我如何在我的绘画周围画一个边框,这样我才能看到我的画布大小？

<script type="text/javascript">
     $(document).ready(function () {

          var paper = Raphael('drawing', 100, 100);
          var circle = paper.circle(50, 40, 30);
          var rectangle = paper.rect(60, 60, 100, 20, 5);
          var filler = { fill: 'red', cursor: 'pointer' };

          circle.attr(filler);
          circle.node.id = 'myCircle';

          rectangle.attr(filler);
     });
</script>

<div id="drawing" class="canvass">
</div>

Answer 1

不要忘记，默认情况下，您的 div 将填充任何可用宽度，因此它不一定与画布具有相同的尺寸。

我认为 Raphael 不允许您直接执行此操作，但您可以使用 jQuery 执行以下操作：

$('div#drawing').find('> svg,div').css({'border': '1px solid #f00'});

或者你可以以类似的方式使用 CSS：

div#drawing svg, div#drawing div {
    border: 1px solid #f00;
}