Fatal编程技术网

Javascript 拉斐尔

javascript

Javascript 拉斐尔,javascript,raphael,Javascript,Raphael,我是拉斐尔的新手，正在尝试做一些非常简单的事情，但失败得很惨。有人知道如何创建拉斐尔画布并设置背景色（例如：绿色）吗？这是我到目前为止所拥有的，但当我在浏览器中打开它时，它什么也不显示 <html> <head><title></title> <script src="raphael-min.js"></script> </head> <body> <script type="text/ja

我是拉斐尔的新手，正在尝试做一些非常简单的事情，但失败得很惨。有人知道如何创建拉斐尔画布并设置背景色（例如：绿色）吗？这是我到目前为止所拥有的，但当我在浏览器中打开它时，它什么也不显示

<html>
<head><title></title>
<script src="raphael-min.js"></script>
</head>

<body>

<script type="text/javascript">
//all your javascript goes here

var paper = Raphael(15,40,320,300);

</script>

</body>
</html>
但是，我的问题是如何设置背景色。任何帮助都将不胜感激

谢谢，RaphaelJS没有提供默认的背景样式，因为它的事件系统依赖于对象驱动。但是，您可以指定特定的DIV并相应地设置其样式：

<div 
    id="my_paper_div" 
    style="background-color:limegreen;width:400px;height:400px"
></div>
由于RaphaelJS渲染不会干扰背景，因此可以在技术上混合和匹配HTML和SVG/VML。例如，请参见此JSFIDLE:

RaphaelJS不提供默认的背景样式，因为其事件系统依赖于对象驱动。但是，您可以指定特定的DIV并相应地设置其样式：

<div 
    id="my_paper_div" 
    style="background-color:limegreen;width:400px;height:400px"
></div>
由于RaphaelJS渲染不会干扰背景，因此可以在技术上混合和匹配HTML和SVG/VML。例如，请参见此JSFIDLE:

您还可以绘制画布大小的矩形：

var paper = Raphael("my_paper_div", 600, 400),
    placemat = paper.rect(0,0,paper.width,paper.height).attr({"fill" : "#99FF99" });
我通常从Raphael项目开始这样做，因为我发现在背景中有一个对象来附加事件非常有用，比如关闭所有打开的工具提示的单击事件

.

您还可以绘制画布大小的矩形：

var paper = Raphael("my_paper_div", 600, 400),
    placemat = paper.rect(0,0,paper.width,paper.height).attr({"fill" : "#99FF99" });
我通常从Raphael项目开始这样做，因为我发现在背景中有一个对象来附加事件非常有用，比如关闭所有打开的工具提示的单击事件

.

我在使用拉斐尔的时候对我所有的项目都这样做。我在使用拉斐尔的时候对我所有的项目都这样做。