Canvas
文章平均质量分 85
canvas
十月ooOO
精通 JS/CSS/HTML,做点有用的东西。
展开
-
用 js canvas 做一个优雅的模拟时钟, canvas 教程实例
有很多次,我都想找到一个比较不错的,可以查看模拟时钟的网页。有时候是想看下距离某个时间点还有多长时间,有时候是想看一下,两个时间点之间的间隔是多少。因为模拟时钟的排布比数字时钟要更直观。但一直没有找到。这些天闲的时候就想做个 canvas 模拟时钟玩,慢慢就做出效果来了。目前的大致效果如下:可访问的地址:我对模拟时钟的需求有几个:你需要具备使用 canvas 绘制简单图形的能力,不需要复杂,会画个方块、圆、文字,就可以了。很简单,直接看 MDN 官方文档上的例子就能看明白。会了基础的操作之后,就说一原创 2024-08-15 17:26:23 · 804 阅读 · 0 评论 -
Canvas.arcTo() 的使用,画一条带圆角的线段,画一个思维导图一基础
这个方法还是比较难理解的。因为它不是直观的绘制路径,而是间接的。它的参数是这样的。它是由两个点和一个圆角半径来确定一条弧线。这么说你肯定是不能明白的,看下面例子。原创 2023-07-10 11:13:40 · 1388 阅读 · 1 评论