Raphaeljs - 制作一个盒子覆盖线

以下网页将通过它画一个框用线（使用http://raphaeljs.com）Raphaeljs - 制作一个盒子覆盖线

<!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，本站等）。什么都没有

来源

2013-12-19 Kap

所以你只需要交换rect和路径创建的顺序，然后除非我误解了某些东西。 –

我尝试交换订单（并通过交换我的示例中的订单进行双重检查） - 没有骰子。 – Kap

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

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

来源

2013-12-19 09:18:15

谢谢。我以为我在路径后添加了矩形，但我真的不是因为我的循环嵌套的方式。您的反馈帮助我用新的眼光审视自己的代码。 – Kap

Raphaeljs - 制作一个盒子覆盖线

回答

相关问题