+ 2
Please i need suggestions on how to make this clock better
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
6 Answers
+ 2
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
+ 1
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.
+ 1
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
+ 1
thanks
+ 1
Wow. Love it! âș
0
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.