Question

以下网页将绘制一个框，其中有一条直线（使用http://raphaeljs.com）

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <script type="text/javascript" src="raphael-min.js"></script>
</head>
<body onload="init()">

<script type="text/javascript">
function init() {
    paper = Raphael("paper1", 100, 100);
    paper.rect(40, 40, 20, 20);
    paper.path("M50,10L50,90");
}
</script>

<div id="paper1"></div>

</body>
</html>

我希望这个盒子能够覆盖这条线。我已尝试应用不透明，填充不透明度和笔触不透明度的每种组合，并进行了大量的搜索（Google，此网站等）。什么都行不通。

Answer 1

这就是你想要的。必须填充矩形，使其内容不透明。

paper = Raphael("paper1", 100, 100);
paper.path("M50,10L50,90");
var rect = paper.rect(40, 40, 20, 20);
rect.attr({fill: "white"});

Raphaeljs - 制作一个盒子盖一条线

1 个答案: