江苏省徐州市网站建设, 徐州网站制作,徐州网站设计

发表日期： 2022-07-30 16:10:42 浏览次数：31

网站建设.png

让主页从一开始就能抓住用户的眼球，视差滚动的网页在现在来说无疑是效果可以的。因为视差效应使背景图像的移动速度低于前景中的内容，从而产生深度和沉浸感。当你的网站想要以流畅、线性的方式讲述一个故事时，满屏滚动与视差效应的结合可以创造一个完全沉浸式的浏览体验。

视差滚动就是让多层背景以不同的速度移动，形成运动视差3D效果。随着越来越多的浏览器增加对视差的支持，这一技术也很有可能会更加流行。在短视频如此猖獗的今天，网站也应该“动”起来，视差滚动，或许是未来网站设计的一个主打方向，目前因为一些技术上原因，不是所有的用户都喜欢这种相对前卫的首页设计。

JavaScript:

var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.moveTo(0,0);ctx.lineTo(200,100);ctx.stroke();

在canvas中绘制圆形, 我们将使用以下方法:

arc(x,y,r,start,stop)

实际上我们在绘制圆形时使用了 "ink" 的方法, 比如 stroke() 或者 fill().

实例

使用 arc() 方法绘制一个圆:

JavaScript:

var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.beginPath();ctx.arc(95,50,40,0,2*Math.PI);ctx.stroke();

400-111-6878

服务热线

24小时服务热线：400-111-6878 　 E-MAIL：1120768800@qq.com 　 QQ：1120768800

预约专家

欢迎您免费咨询，请填写以下信息，我们收到后会尽快与您联系

公司名称：

手机号码：

所在城市：

省

市

联系人：

性别：

先生女士

您的QQ：

服务热线：400-111-6878