Show in certain weekday and hour
不好意思我就是這麼老派 你才老派,你全家都老派
by wales
HTML
<canvas id="my-canvas" >
</canvas>
<img id="photo" src="photo.jpg">
CSS
body {
background: #20262E;
padding: 20px;
font-family: Helvetica;
}
#banner-message {
background: #fff;
border-radius: 4px;
padding: 20px;
font-size: 25px;
text-align: center;
transition: all 0.2s;
margin: 0 auto;
width: 300px;
}
button {
background: #0084ff;
border: none;
border-radius: 5px;
padding: 8px 14px;
font-size: 15px;
color: #fff;
}
#banner-message.alt {
background: #0084ff;
color: #fff;
margin-top: 40px;
width: 200px;
}
#banner-message.alt button {
background: #fff;
color: #000;
}
JavaScript
canvas = document.getElementById('my-canvas');
context = canvas.getContext('2d');
let img = document.getElementById('photo');
context.drawImage(img, 10, 10);
context.drawImage(img, 10, 10);
context.font = '20px Arial, sans-serif';
context.textBaseline = 'top';
context.font = 'bold 20px Arial';
context.fillStyle = 'black';
context.fillText('This is some example text', 10, 10);