javascript - 使用可变纸张在 Raphael 中操纵 Canvas 背景颜色

Question

我想将背景颜色设置为特定颜色。我使用以下代码:

//JavaScript Code
var paper = Raphael(200, 350, 320, 200);
paper.attr("fill", "#f00");

不知何故，这段代码不起作用。请帮忙，如何设置纸张的背景颜色？

Answer 1

实际上，完全可以为 SVG Canvas 设置背景颜色——这里需要注意的是，虽然 Raphael 控制 Canvas 内的所有元素，但它直接对 Canvas 本身提供的风格控制非常少。

幸运的是，您可以通过 canvas 属性访问与 Raphael 纸对象关联的 dom 节点。这使得做这样的事情变得容易:

var paper = Raphael(200, 350, 320, 200);
paper.canvas.style.backgroundColor = '#F00';

更好的是，您可以将 Canvas 背景/边框/填充定义为应用程序样式表的一部分，然后只需确保将 Canvas 设置为使用适当的样式即可:

var paper = Raphael(200, 350, 320, 200);
paper.canvas.className += ' my_svg_class';