D3.js 将带有背景图像的svg矩形转换为黑白
我正在使用d3/svg创建运动队徽标的散点图,并对某些徽标的黑白表示兴趣。这里不必担心没有遵循所有的变量是一对夫妇的代码,我画的标志行D3.js 将带有背景图像的svg矩形转换为黑白,d3.js,svg,D3.js,Svg,我正在使用d3/svg创建运动队徽标的散点图,并对某些徽标的黑白表示兴趣。这里不必担心没有遵循所有的变量是一对夫妇的代码,我画的标志行 logoMarkers .enter() .append('rect') .attr('transform', d => `translate(${(xScale(+d[xOption.value][xOption.objKey]) - 0.5 * logoRadius)}, ${(yScale(+d[yOp
logoMarkers
.enter()
.append('rect')
.attr('transform', d => `translate(${(xScale(+d[xOption.value][xOption.objKey]) - 0.5 * logoRadius)}, ${(yScale(+d[yOption.value][yOption.objKey]) - 0.5 * logoRadius)})`)
.attr('x', 0).attr('y', 0)
.attr('height', logoRadius)
.attr('width', logoRadius)
.attr('fill', d => `url(#teamlogo-${d.teamId})`)
.attr('cursor', 'pointer')
.attr('opacity', d => this.props.focusTeam === 'none' ? 1 : (d.teamId === this.props.focusTeam ? 1 : 0.20));
…此代码使除杜克徽标之外的所有徽标的不透明度为0.20,但是我也希望使非杜克徽标为黑白。这可能吗?我更愿意不必在我的s3存储桶中保存黑白版本的徽标,从中提取图像,更愿意在代码中将图像简单地转换为黑白
这可能吗?提前谢谢
在页面的某个位置添加以下筛选器定义
<filter id="saturate">
<feColorMatrix type="saturate" values="0"/>
</filter>
例如:
在页面的某个位置添加以下筛选器定义
<filter id="saturate">
<feColorMatrix type="saturate" values="0"/>
</filter>
例如: