几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 485 JAVASCRIPT 鼠标
GIF动态图教程-JS语言24-Canvas标记（实例）
来源：互联网
2023-03-16 23:58:54 581
方法/步骤
Canvas（画布）则是H5中专门用于绘制图形的一种容器。
要在页面中使用 Canvas，其前提是要在HTML中嵌入一个 Canvas标记，如图所示，定义了一个id属性名为draw的画布容器，其宽度为600像素，高度为400像素。
创建canvas标记后，借助JS的力量进行绘图，首先要获取canvas对象，再获取getContext("2d")对象才能使用绘图功能。getContext("2d")返回一个绘图的环境，然后才能在该环境中绘制。
准备代码完成后，就可以开始绘图了，如图所示。
context.fillStyle属性设置画布颜色。
context.fillRect方法填充矩形框，第1个参数为画布的x轴坐标，第2个参数为画布的y轴坐标，第3个参数为矩形的宽度，第4个参数为矩形的高度。
改动第1个参数，测试是否为画布的x轴坐标，如图操作。
改动第2个参数，测试是否为画布的y轴坐标，如图操作。
如果第3个参数和第4个参数设置的参数超过原本在HTML中设置canvas定义的宽度高度，将没有效果。接下来，设置边长为100的正方形，如图操作。
注意事项
- 按住Ctrl键 鼠标滚动滑轮可以放大网页更清楚查看gif动态图。
- 因gif动态图将重复播放。建议进入-步骤阅读模式-边看文字边单击图片放大看。
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 209 JAVASCRIPT
- 详细阅读