knrt.net
当前位置:首页 >> 在D3.js中如何给每条连线增加不同的颜色 >>

在D3.js中如何给每条连线增加不同的颜色

循环获取连线,依次修改颜色

实现简单的动态效果下面将在 SVG 画布里添加三个圆,圆出现之后,立即启动过渡效果.第一个圆,要求移动 x 坐标.复制代码var circle1 = svg.append("circle").attr("cx", 100).attr("cy", 100).attr("r", 45).style("fill","green");//在1

var arr = ['red','yellow','blue','green'] var num = 0; oBtn.onclick=function(){ for(i=0;i<10;i++) { if(num==4) {num=0} oUl.innerHTML += "<li>"+i+"</li>" oUl.getElementsByTagName("li")[i].style.background=arr[num]; num++;}

给相同颜色的字都加上一个相同的class比如red 然后在样式表里设置red 的颜色 比如.red { color:#f00;}那么所有带有red这个class 的文字就都变成红色了.

假如前面的运算得出结果x,下面输出x的值:var clr=x>=0?'blank':'red'; document.write('<font color='+clr+'>'+x+'</font>');

看看符合要求不<script type="text/javascript">//不用switchdocument.write('不用 str='欢迎光临我们学校的网站.';for(var i=0;i<9;i++){ document.write('<font color="'+

是这个意思吗?HTML:<body><input type="text" onfocus="change(this)" onblur="re(this)" value="" /></body>JS:<script type="text/javascript"> function change(obj){ var css = "border:1px solid #FF0000;"; obj.style.cssText = css; } function re(obj){ var css = "border:1px solid #000000;"; obj.style.cssText = css; }</script>

如果修改字体颜色,使用color属性:elem.style.color = '#699';Style的属性都是驼峰命名的,如:elem.style.backgroundColor = '#999'; #css属性叫background-color你也可以尝试fontColor属性,我不太确定是否可用.

如图所示: 故要使每条连线两端的圆圈上涂上不同的颜色,则共有12种不同涂法.

3*2*4*6=144(种),如,A红--B蓝--C红或黄,D红或黄,---E蓝F蓝G红,E蓝F蓝G黄,E黄F黄G红,E黄F黄G蓝,E蓝F黄G红,E黄F蓝G红;B黄--C蓝或红,D蓝或红,答:用红、黄、蓝三种颜色涂在图中的圆圈中,每个圆圈只涂

网站首页 | 网站地图
All rights reserved Powered by www.knrt.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com