<commit_before>---
layout: post
title: 使用Canvas绘制罗盘时钟
date: 2021-12-24 15:40:00
categories: javascript学习笔记
tags: canvas
author: 朋也
---

* content
{:toc}






惯例先上效果

<iframe src="http://localhost:4000/canvas-clock.html" width="850" height="850"></iframe>

## 绘制线条
<commit_msg>canvas clock<commit_after>---
layout: post
title: 使用Canvas绘制罗盘时钟
date: 2021-12-24 15:40:00
categories: javascript学习笔记
tags: canvas
author: 朋也
---

* content
{:toc}






惯例先上效果

<iframe src="https://tomoya92.github.io/canvas-clock.html" width="850" height="850"></iframe>

## 绘制线条

{'fraction_non_alphanumeric': 0.16666666666666666, 'fraction_numerical': 0.08243727598566308, 'mean_word_length': 4.59, 'pattern_counts': {'":': 0, '<': 7, '<?xml version=': 0, '>': 7, 'https://': 1, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2865823', 'n_tokens_mistral': 292, 'n_tokens_neox': 257, 'n_words': 45}