-function writeBottomCircle(text, canvaId, diameter) {
+function writeBottomCircle(text, canvaId, diameter, color) {
var canvas = document.getElementById(canvaId);
writeCircularText(
text.toUpperCase(),
'40',
'Roboto',
0,
- 0
+ 0,
+ color
);
}
-function writeTopCircle(text, canvaId, diameter) {
+function writeTopCircle(text, canvaId, diameter, color) {
var canvas = document.getElementById(canvaId);
writeCircularText(
text.toUpperCase(),
'40',
'Roboto',
1,
- 0
+ 0,
+ color
);
}
fontSize,
fontFamily,
inwardFacing,
- kerning
+ kerning,
+ color
) {
// declare and intialize canvas, reference, and useful variables
align = align.toLowerCase();
// set text attributes
ctxRef.font = `${fontSize}px ${fontFamily}`;
- ctxRef.fillStyle = 'white';
+ ctxRef.fillStyle = color;
// Reverse letters for align Left inward, align right outward
// and align center inward.