如果能的華，怎么畫啊，跪求了
求助，這張背景圖能否用css畫出來啊？
慕的地8271018
2018-08-13 10:09:08
1 回答
慕容森
TA貢獻1853條經驗 獲得超18個贊
用canvas大致畫了一個。有點差異，具體的效果可以自己改
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var clg = ctx.createLinearGradient(0, 0, 0, -640);
ctx.fillStyle = "#fc3";
ctx.fillRect(0, 0, 719, 1280);
ctx.strokeStyle = "transparent";
ctx.fillStyle = clg;
draw(23);
ctx.translate(360, 640);
ctx.fillStyle = "#fc3";
ctx.beginPath();
ctx.arc(0, 0, 25, 0, 2 * Math.PI);
ctx.closePath();
ctx.stroke();
ctx.fill();
ctx.translate(-360, -640);
function draw(n) {
for (var i = 0; i < n; i ++) {
ctx.translate(360, 640);
ctx.rotate(2 * Math.PI / n * i);
clg.addColorStop(0.6, "#ff6");
clg.addColorStop(0.9, "#fc3");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(-50, -640);
ctx.lineTo(50, -640);
ctx.closePath();
ctx.stroke();
ctx.fill();
ctx.rotate(-2 * Math.PI / n * i);
ctx.translate(-360, -640);
};
};添加回答
舉報
0/150
提交
取消