javascript - 用于边缘 / Internet Explorer 的 d3 svg 文本阴影
问题描述
您好,我想知道是否有一种可能的方法可以让文本阴影在 d3 旭日形图上与边缘/互联网浏览器一起使用。
我在文本代码中尝试过的事情是
filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=45);
和
filter: dropshadow(color=#000000, offx=1, offy=1);
当添加到 css 或 attr 中时,它似乎根本不起作用
var texts = svg.selectAll("text")
.data(partitioned_data)
.enter().append("text")
.filter(filter_min_arc_size_text)
.attr("text-anchor", function (d) {
return d.x + d.dx / 2 > Math.PI ? "end" : "start";
})
.attr("transform", function (d) {
var angle = (d.x + d.dx / 2) * 180 / Math.PI - 90;
var differenceSpacing = 0;
if (angle > 90) { differenceSpacing = 1.41; }
else { differenceSpacing = 1.39; }
return "rotate(" + angle + ")translate(" + (d.y * differenceSpacing) + ")rotate(" + (angle > 90 ? -180 : 0) + ")"
})
.attr("dx", "1") // margin
.attr("dy", ".35em") // vertical-align
.text(function (d, i) { return d.name })
.attr("class", function (d) { if (d.depth === 3) { return "finalLayersText"; } else if (d.depth === 1) { return "beginningLayersText"; } else { return "middleLayersText"; } })
.style("fill", "white")
.style("font-family", "Arial")
.style("font-size", "small")
.style("color", "white")
.style("text-shadow", "0 0 10px Black")
.on("mouseover", mouseOverArc)
.on("mousemove", mouseMoveArc)
.on("mouseout", mouseOutArc);
所以我很好奇是否有一种方法可以在生成文本的 JavaScript 的一小部分中添加文本阴影。
谢谢
解决方案
推荐阅读
- excel - 如何在excel中制作基于两个标准的动态评分系统?
- python - 使用模板在 Sagemaker 中部署拥抱面零样本分类返回错误,缺少位置参数“candidate_labels”
- macos - Apache:如何根据用户本地或外部网络设置不同的根文件夹
- kubernetes - 更改代理的 IP 地址时,Kafka 客户端失败并出现错误“无法建立与节点的连接。代理可能不可用”
- kdb - 有没有一种在单个查询中快速连接符号的方法?
- sparql - 在 SPARQL 的 BIND 中使用时,VALUES 的位置似乎很重要
- python - 按下某个键时如何使函数执行?
- javascript - b-spinner 的 VUE-js 可访问性——使用 Aria 加载数据的音频公告,每 3 秒重复一次
- java - RestAPI Spring 应用程序中 Optionals 的最佳使用
- wordpress - wordpress/elementor - 汉堡包下拉菜单未显示