网站首页 第271页

• 

  Javascript图形(一):阿基米德螺线

  阿基米德螺旋是以公元前3世纪希腊数学家阿基米德命名的螺旋。阿基米德螺线亦称“等速螺线”。它是一个轨迹，是当一点P沿动射线OP以等速率运动的同时，该射线又以等角速度绕点O旋转，点P的轨迹称为“阿基米德螺线”。阿基米德螺线在生活中，有很多的...

  2025-01-05 nixiaole 知识剖析 25 ℃
• 

  有趣的分形(二):六边形雪花

  你喜欢下雪吗？你心中的雪花是什么形状的呢？如上图，美丽的雪花也是一种分形图。下面我们就用代码来实现一种六边形雪花分形图，同样是用javascript。【先看效果图】【上代码】<scripttype="text/javasc...

  2025-01-05 nixiaole 知识剖析 17 ℃
• 

  HTML5学习笔记-绘制变形图形之组合效果

  绘制组合效果的图形将一个图形绘制在另一个图形之上，图形效果会受制于图形的绘制顺序，可利用globalCompositeOperation属性组合图形，前面绘制贝塞尔曲线时，我就已经用过这个属性了，绘制了多条凡尔赛曲线，组合成了一个图形。利用...

  2025-01-05 nixiaole 知识剖析 20 ℃
• 

  游戏开发之旅-JavaScript绘制图形

  本节是第四讲的第二十二小节，上一节课为大家介绍了Ajax技术，包括XmlHttpRequest对象和FetchAPI的基本用法，本节为大家继续介绍JavaScript绘制图形的方法（CanvasAPI），有关WebGL的实例请参见视频课程...

  2025-01-05 nixiaole 知识剖析 18 ℃
• 

  用三角函数sin和cos画模拟雷达示意图的html代码解析

  1.说明：1.1推荐指数：★★★★1.2环境：谷歌浏览器、微软vscode编辑器1.3熟悉sin和cos的函数与圆（画圆弧的关系）深入理解2.本次的模拟效果图：3.css和js文件的引入：3.1同一个文件夹或者目录下引入：./xxx...

  2025-01-05 nixiaole 知识剖析 22 ℃
• 

  如何用2 KB代码实现3D赛车游戏?2kPlus Jam大赛了解一下

  选自frankforce作者：Frank机器之心编译参与：王子嘉、GeekAI控制复杂度一直是软件开发的核心问题之一，一代代的计算机从业者纷纷贡献着自己的智慧，试图降低程序的计算复杂度。然而，将一款3D赛车游戏的代码压缩到2KB以...

  2025-01-05 nixiaole 知识剖析 24 ℃
• 

  贝塞尔曲线是什么?如何用 Canvas 绘制三阶贝塞尔曲线?

  大家好，我是前端西瓜哥。今天谈谈贝塞尔曲线是什么以及它的原理，并说说如何用Canvas技术绘制一条三阶贝塞尔曲线。贝塞尔曲线是什么？贝塞尔曲线，是通过几个简单的参数描述一条曲线的一种参数曲线。贝塞尔曲线是由皮埃尔·贝塞尔发明的，目的...

  2025-01-05 nixiaole 知识剖析 13 ℃
• 

  有趣的分形(三):H分形

  你走过迷宫吗？我们看到的迷宫很多也是分形的影子。如下图：下面我们就来分享一个迷宫似的H分形。字母H是一个对称图形，左右上下对折都能重合，中间横线中间就是它的中心点。H分形就是由一个字母H演化出迷宫一样场景的分形图案，其构造过程是：取一个中心...

  2025-01-05 nixiaole 知识剖析 11 ℃
• 

  小程序和H5中canvas卡顿的性能优化方向和实践

  什么是CANVAS?首先介绍下canvas，前端的同学可能很熟悉，举个很简单的例子，平常用的网页截图、H5游戏、前端动效、可视化图表…,都有canvas的应用场景，官方的定义：canvas是HTML5提供的一种新标签,ie9才开始支...

  2025-01-05 nixiaole 知识剖析 20 ℃
• 

  前端【Canvas】基础教程示例集锦

  Canvas是HTML5中新增的元素，它是一个可以使用JavaScript绘制图像的区域。Canvas可以用来绘制简单的图形、动画、游戏、数据可视化等等。它是一个非常强大的工具，可以让我们在网页中展示出更加丰富的内容。接下来，我们将按照以下...

  2025-01-05 nixiaole 知识剖析 10 ℃