html5
文章平均质量分 96
lhuann_
这个作者很懒,什么都没留下…
展开
-
基于Canvas的贝塞尔曲线详解
文章目录前言一、基本简介二、一些特点三、一个例子四、公式推导1、一次贝塞尔曲线2、二次贝塞尔曲线3、三次贝塞尔曲线4、四次贝塞尔曲线5、五次贝塞尔曲线一般公式五、一些实例一些建议总结前言贝塞尔曲线一直是计算机绘图中的重点,我们常见的PhotoShop和Svg图片等和网页上的图片啊之类的就大量使用了贝塞尔曲线。该文使用html5中的Canvas标签,由特点、原理、实例等各个方面深入研究了贝塞尔曲线的应用与意义。一、基本简介贝塞尔曲线是应用于二维图形应用程序的数学曲线。曲线的定义有四个点:起始点、终原创 2021-01-22 16:43:01 · 1454 阅读 · 0 评论 -
Html5基于Canvas画一个动态时钟
文章目录前言一、前期准备二、绘制刻度1.流程2.效果图三、绘制文字1.流程2.效果图四、绘制指针1.取得当前时间2.绘制秒针3.绘制分针4.绘制时针5.效果图五、绘制圆心1.流程2.效果图六、让钟表动起来总结前言Canvas API 提供了一个通过JavaScript 和 HTML的元素来绘制图形的方式。它可以用于动画、游戏画面、数据可视化、图片编辑以及实时视频处理等方面。Canvas API主要聚焦于2D图形。而同样使用元素的 WebGL API 则用于绘制硬件加速的2D和3D图形。一、前期.原创 2021-02-03 18:03:31 · 1844 阅读 · 2 评论