Comparing version 1.0.1 to 1.0.2
{ | ||
"name": "clockish", | ||
"version": "1.0.1", | ||
"version": "1.0.2", | ||
"description": "A simple vanilla(pure) Javascript library for adding wall clocks to your web application", | ||
@@ -5,0 +5,0 @@ "main": "clock/clock.js", |
@@ -12,4 +12,34 @@ # clock-js | ||
Here is an image of what the clock looks like: | ||
![Clock Should Show...lol](images/clock-1.png) | ||
### Usage | ||
Here are the options that can be passed to the clock constructor, though this may change over time: | ||
{ | ||
canvasId: "xxxx", | ||
floating: true, | ||
outerColor: "css-color", | ||
middleColor: "css-color", | ||
innerColor: "css-color", | ||
tickColor: "css-color", | ||
secondsColor: "css-color", | ||
minutesColor: "css-color", | ||
hourColor: "css-color", | ||
centerSpotWidth: number, | ||
outerCircleAsFractionOfFrameSize: float_zero_to_1, | ||
showBaseText: false, | ||
canvas: { | ||
x: 100, | ||
y: 100, | ||
width: 100, | ||
height: 100 | ||
} | ||
} | ||
To add clock functionality to your webpage, **clock-js** needs a canvas element placed in the right place in the DOM(HTML code). For instance, | ||
@@ -113,6 +143,2 @@ | ||
Stay tuned as we add more features to this library; |
Sorry, the diff of this file is too big to display
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
602794
7
3471
143