好的...对 Raphael 来说非常新。
无论如何,我如何在我的绘图周围画一个边框,以便我可以看到我的 Canvas 的大小?
<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>
最佳答案
不要忘记,默认情况下,您的 div 将填充任何可用宽度,因此它不一定与 Canvas 具有相同的尺寸。
我认为 Raphael 不允许您直接执行此操作,但您可以使用 jQuery 执行此操作:
$('div#drawing').find('> svg,div').css({'border': '1px solid #f00'});
或者您可以以类似的方式使用 CSS:
div#drawing svg, div#drawing div {
border: 1px solid #f00;
}
关于javascript - 在 Raphael JS 中围绕你的论文绘制边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8534487/