Please i need suggestions on how to make this clock better

Question

This is an analog clock i made after taking canvas class. i need improvement.
. I want the fill to look exactly like sololearn Logo.
below is the code. thanks
https://code.sololearn.com/Wra9e7a52F7Y/?ref=app

Answer 1

thanks bro. I actually updated the clock to include digital clock. . i will just combine urs with mine to get the final result.
https://code.sololearn.com/WS9nZdzByx23/?ref=app

Answer 2

I've managed to get the SoloLearn logo in there, but I don't know enough canvas drawing, to get it to display behind the clock hands!

https://code.sololearn.com/WWT5roJOTS59/#html

Hopefully someone else can step in to help.

Answer 3

well what i actually wanted is drawing the logo with canvas. i have been trying to draw it. i hope i am successful. thanks for trying. i learned something new from your code

Answer 4

thanks

Answer 5

Wow. Love it! ☺

Answer 6

I've updated the code and got it working with the SoloLearn image on the clock, with it animating correctly:
https://code.sololearn.com/WWT5roJOTS59/#html

If you want to draw the SoloLearn logo, then maybe create it using SVG?

Note, to do the SoloLearn Logo as an SVG, you'll have to create 6 crescent shapes. Here's a starting solution for creating a single crescent:
https://stackoverflow.com/questions/16664244/draw-a-crescent-moon-using-svg-in-html

You could then use the SVG (which is technically drawn), instead of the PNG logo I used.