是否可以用 2 或 3 种颜色填充一个圆圈,使每个部分的面积相等?
我知道你可以做 4:http : //jsfiddle.net/k8Jj9/
div {
border-radius: 50px;
border-right-color: blue;
border-top-color: yellow;
border-bottom-color: red;
border-left-color: green;
border-width: 50px;
border-style: solid;
height: 0px;
width: 0px;
/* To ratate */
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
Run Code Online (Sandbox Code Playgroud)
}
但是我很好奇是否有一种方法可以执行 2、3 和 4(希望在单个方法/或一组编码中)。
编辑:这些圆圈将由 D3 绘制,所以我不确定这是否会改变答案/建议,尤其是关于 SVG。
我设置了一个视图,以显示具有该URL的字段中的电影的电影海报(例如http://images.zap2it.com/movies/116670/116670_aa_t.jpg)
对于我尝试使用Node-Nid和Content:Poster Art(带有url的字段)和Field I have Content:Image(我尝试过各种"Image"设置)的论点.然而它不会显示任何图片,只是"图片:".
我在这里失踪了什么?
谢谢!