我有一个表格,我想为中心的圆圈着色。
回合的大小应取决于数组的大小。
我已经给 i 轴和 j 轴的直径上了颜色,但我卡住了。
那么如何完成这一轮呢?
演示: http://jsfiddle.net/pJt7x/4/
当前 JavaScript:
var X = 20;
var X2 = X/2;
var X22 = X2/2;
for (i=0; i<=X; i++) {
$('table').append('<tr>');
for (j=0; j<=X; j++)
((i==X2 && j>=X22 && j<=X2+X22) ||
(j==X2 && i>=X22 && i<=X2+X22)) ?
$('tr:last').append('<td class="x"></td>') :
$('tr:last').append('<td></td>');
$('table').append('</tr>');
}
预期结果:
最佳答案
var X = 20;
var X2 = X / 2;
var X22 = X2 / 2;
for (i = 0; i <= X; i++) {
$('table').append('<tr>');
for (j = 0; j <= X; j++) {
((i == X2 && j >= X22 && j <= X2 + X22)
|| (j == X2 && i >= X22 && i <= X2 + X22)
|| (Math.abs(i - X2) + Math.abs(j - X2) <= X22))
? $('tr:last').append('<td class="x"></td>') : $('tr:last').append('<td></td>');
}
}
$('table').append('</tr>');
关于javascript - 如何通过算法为 table 中央的圆形着色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7774493/