平成29年度(2017) 第3回試験問48 | ウェブデザイン技能検定１級

※ 著作権上の問題により掲載を取りやめています。

---

[出典：ウェブデザイン技能検定１級平成29年度(2017) 第3回試験問48]

解答

正解

難易度

取組履歴

ログインすると履歴が残ります

解説

解説のユーザー評価：未評価

A,B,C を埋めたプログラムは以下となります。

function draw(side, count) {

const context2d = document.getElementById('canvas').getContext('2d');

const amount = count * count;

const angle = 360 / (amount - 1);

new Array(amount). fill (0, 0). forEach ((data, i) => ({

color: `hsl(${angle * i}, 100%, 50%)`,

x: i % count * side,

y: Math.floor(i / count) * side

}))

. map ((data) => {

context2d.fillStyle = data.color;

context2d.fillRect(data.x, data.y, side, side);

});

}

ログインすると解説の投稿・編集が可能となります。