function clear() { ctx.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height) } function wrapText(t) { ctx2.clearRect(0, 0, ctx2.canvas.width, ctx2.canvas.height), ctx2.fillStyle = "#44127d", ctx2.strokeStyle = "#44127d", ctx2.lineWidth = 2, ctx2.lineJoin = "round", ctx2.lineCap = "round", line = "", ctx2.fillText(line.substring(0, t), 200, 30), line = "", ctx2.fillText(line.substring(0, t - 30), 200, 55), line = "", ctx2.fillText(line.substring(0, t - 48), 200, 175), t > 77.5 && ctx2.drawImage(img_date, 0, 0, ctx2.canvas.width, ctx2.canvas.height) } function drawTextAlongArc(t, e, n, a, i, c) { t.clearRect(0, 0, ctx.canvas.width, ctx.canvas.height), t.save(), t.strokeStyle = "#44127d", t.fillStyle = "#44127d", t.translate(n, a), t.rotate(-Math.PI / 1.8), t.rotate(-1 * (c / e.length) / 2), strwidth = t.measureText(e).width, strlength = e.length, wordwidth = strwidth / strlength, chrwidth = 0, startangle = 2 * Math.PI / wordwidth / strlength; for (var l = 0; l < e.length; l++) { var r = e[l]; t.rotate(startangle * (chrwidth + t.measureText(r).width) / 2), t.save(), t.translate(0, -1 * i), t.fillText(r, 0, 0), t.restore(), chrwidth = t.measureText(r).width } t.restore() } function drawScene() { if (1 == bPlay) { for (clear(), iAngle += .005, myStep = 65 * iAngle; myStep > 80;) myStep -= 80; drawTextAlongArc(ctx, "".substring(0, myStep), canvas.width / 2, canvas.height / 2, 128, -iAngle), wrapText(myStep) } } function main_init() { canvas = document.getElementById("panel"), ctx = canvas.getContext("2d"), canvas2 = document.getElementById("panel2"), ctx2 = canvas2.getContext("2d"), ctx.font = "bold 22px Verdana", ctx.textAlign = "center", ctx.textBaseline = "middle", ctx2.font = "bold 16px Verdana", ctx2.textAlign = "center", ctx2.textBaseline = "middle", setInterval(drawScene, 40) } var canvas, ctx, canvas2, ctx2, bPlay = !1, iAngle = 0; if (img_date = new Image, img_date.src = "../images/Date.png", window.attachEvent) window.attachEvent("onload", main_init); else if (window.onload) { var curronload = window.onload, newonload = function() { curronload(), main_init() }; window.onload = newonload } else window.onload = main_init; bPlay = !0;