html - Raphael html5でキャンバス全体のアルファ/透明度を設定する

Question

ラファエルを使用してhtml5でSVGを描画すると、キャンバス全体のアルファ不透明度を設定できますか?

ありがとう

Answer 1

次のように、Raphael要素の不透明度を変更できます。

  raphaelElement.attr(opacity,.75);

キャンバスにsvgを描画する場合は、context.globalAlphaを設定するだけで、それ以降のすべての描画は指定された不透明度になります。

  context.globalAlpha = 0.75;

Answer 2

できることがいくつかあります。グローバルPaper.setを定義し、各要素をセットに追加して opacity 属性をセットに適用するか、Paper.forEach()を使用して一度に各要素に不透明度を適用できます。

---

セットの使用

次のようなものを作成します。

globalSet = paper.set();

次に、要素を作成するときに、それをセットに追加します。

el = paper.circle(60, 60, 50);
el2 = paper.circle(90, 60, 50);

globalSet.push(el, el2);
globalSet.attr({opacity: .75});

ここに jsFiddle があります: http://jsfiddle.net/TA9vn/2/

---

forEach() の使用

セットを使用する代わりに、forEach()紙の方法を使用してください。

paper.forEach(function (element) {
    element.attr({opacity: .75});
});

jsFiddle: http://jsfiddle.net/JCvBT/2/