Web
LLOZEL
这个作者很懒,什么都没留下…
展开
-
Html+JavaScript 在canvas上绘制带日期显示的时钟 (自己绘制刻度)
此为博主在研究参考多个时钟代码后,自己总结创新编写的一个简洁齐全又美观的时钟,本着自己获益也回馈大众地分享出来,如有问题或更好的建议欢迎与我交流。 首先创建一个canvas来装整个时钟界面:<canvas id="MyClock" width="1300px" height="700px"> </canvas> 接下来就是在底...原创 2018-11-11 19:56:07 · 1117 阅读 · 0 评论 -
计算机图形学之画线(DDA、Bresenham、中点画线) 针对各种斜率
为什么写这篇文章? 博主开始也是到处参考研究了很多代码,发现要考虑任意斜率的话,很多代码都是用if语句来分别讨论的,其实其中有很多重复的代码部分,我觉得不代码不简洁,就到处查询参考思考才总结出一些比较简洁的代码,希望大家喜欢,也期待大家有更好的方法分享。 其中的代码我是用JavaScript写的,但其中原理是相通的,基本改改语法就都能用。 进入...原创 2018-11-12 19:30:38 · 2962 阅读 · 1 评论 -
计算机图形学之画圆(中点画圆法、Bresenham画圆法)
参考学习了一些前辈的代码,总结了以下这个,感谢前人栽树,同时欢迎交流。整个画圆利用了圆的八对称性,故只需画出八分之一圆就可利用对称性就可以画出整个圆。 专门写了一个函数来画圆的点,其中(x0,y0)为圆心坐标,根据(x,y)来画出八对称点,DrawPixel()为绘制点的函数。 function DrawCirclePoint(x0, y0, x, y, color) { ...原创 2018-11-12 19:50:31 · 8067 阅读 · 1 评论 -
计算机图形学之绘制椭圆
参考学习了一些前辈的代码,总结了以下这个,感谢前人栽树,同时欢迎交流。整个画圆利用了椭圆的四对称性,故只需画出四分之一椭圆就可利用对称性就可以画出整个椭圆。专门写了一个函数来画椭圆的点,其中(x0,y0)为椭圆圆心坐标,根据点(x,y)来画出其四对称点,DrawPixel()为绘制点的函数。function DrawEclipsePoint(x0, y0, x, y, color) {...原创 2018-11-12 20:03:05 · 5655 阅读 · 0 评论