D3.js – masquer des formes pour créer une section transparente

Je suis intéressé à apprendre à créer un masque transparent avec d3.js.

Http://jsfiddle.net/59bunh8u/35/

C'est là que je suis en train de faire – comment créer un masque de soustraction sur le rectangle rouge – comment pouvez-vous alors style du rectangle rouge pour prendre plus d'une propriété de style multiplier?

• Comment puis-je donner au lien de la page actuelle un aspect désactivé?
• Hauteur de la fenêtre des navigateurs mobiles et mise à l'échelle de la page
• Comment désactiver l'info-bulle d'URL (barre d'état)?
• Pourquoi jquery ui dialog mangle my jquery.tokeninput.js autocomplete?
• Basculez la classe SPAN avec cette option div

$(document).ready(function() { var el = $(".mask"); //selector // Set the main elements for the series chart var svg = d3.select(el[0]).append("svg") .attr("class", "series") .attr("width", "800px") .attr("height", "500px") .append("g") .attr("transform", "translate(0,0)") var rect = svg .append("rect") .attr("x", 0) .attr("y", 0) .attr("width", 500) .attr("height", 500) .style("fill", "red") .style('opacity', 0.75) var rect = svg .append("circle").attr("cx", 250).attr("cy", 250).attr("r", 125).style("fill", "white"); }); 

• JQuery Mobile Supprime l'arrière-plan de l'icône dans select
• Direction du vent sur une boussole
• Meteor ne reconnaîtra pas les fichiers JS pour l'intégration avec un modèle pré-construit
• Passer des arrière-plans, tout en changeant de texte
• Centre un div (position et largeur absolue)

  var mask = svgroot .append("defs") .append("mask") .attr("id", "myMask"); mask.append("rect") .attr("x", 0) .attr("y", 0) .attr("width", 500) .attr("height", 500) .style("fill", "white") .style("opacity", 0.7); mask.append("circle") .attr("cx", 300) .attr("cy", 300) .attr("r", 100);