โดยพื้นฐานแล้วฉันต้องการเติมวงกลมโดยใช้แคนวาส แต่มันเคลื่อนไหวได้เป็นเปอร์เซ็นต์ที่แน่นอน นั่นคือวงกลมจะเติมได้เพียง 80% เท่านั้น
ความรู้ด้านแคนวาสของฉันไม่น่าทึ่ง นี่คือภาพที่ฉันทำใน Photoshop เพื่อแสดงสิ่งที่ฉันต้องการ
ฉันต้องการให้วงกลมเริ่มว่างเปล่าแล้วเติมให้ถึง 70% ของวงกลม เป็นไปได้กับ Canvas หรือไม่ ถ้าเป็นเช่นนั้น ใครช่วยให้ความกระจ่างเกี่ยวกับวิธีการทำได้บ้าง?
นี่คือซอของสิ่งที่ฉันได้จัดการ
var canvas = document.getElementById('Circle');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 80;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2 * Math.PI, false);
context.fillStyle = '#13a8a4';
context.fill();
context.lineWidth = 10;
context.strokeStyle = '#ffffff';
context.stroke();
ความช่วยเหลือใด ๆ ที่จะได้รับการชื่นชมอย่างมาก