+ 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

24th Apr 2018, 11:25 PM
ADEBAYO DANIEL
ADEBAYO DANIEL - avatar
6 ответов
+ 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
25th Apr 2018, 12:57 AM
ADEBAYO DANIEL
ADEBAYO DANIEL - avatar
+ 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.
24th Apr 2018, 11:52 PM
Emma
+ 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
25th Apr 2018, 12:24 AM
ADEBAYO DANIEL
ADEBAYO DANIEL - avatar
+ 1
thanks
25th Apr 2018, 12:52 AM
ADEBAYO DANIEL
ADEBAYO DANIEL - avatar
+ 1
Wow. Love it! ☺
25th Apr 2018, 12:58 AM
Emma
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.
25th Apr 2018, 12:36 AM
Emma