html5的基本用法

 时间:2024-10-19 06:21:13

1、map标签我们可以为图片添加事件,将一个图片分为几个区域添加事件,可以实现例如简单的地图,属性介绍<area shape="circle" coords="180,150,10"> d定义其形状和坐标,可为area添加事件

html5的基本用法

2、视频标签《vedio》当我们在网页打开视频是不需要加任何标签,只需要引入《 vedio》标签非常方便。例如<video src="电影.mp4"> </video>,只需要在 但src引入文件的路径,是格式支持不全

html5的基本用法

3、音频播放<audio>标签可以播放歌曲等音频文件,<audio src="歌曲.mp3" > </audio>只要在src中引入音频的路径,使用非常简单,易懂。效果如图

html5的基本用法

4、支持拖拽,例如我们在页面中想要将一个图片拖拽到,指定的div中,我们可以设置图片可拖放属性draggable="true",通过调用事件ondragstart将指定的 s图片etData()到指定位置。实现代码如图

html5的基本用法

5、画布功能,可以说是htm盟敢势袂l5的核心,我们可以js自定义的绘制自己想要的东西,首先我们要先定义一个<canvas id租涫疼迟="myid" width="400" height="400"></canvas>画板.效果如图

html5的基本用法

6、其次利用js完成在画板上的图形绘制,本例子以简撮劝丛食单的线为例子用getContext("2d")创建html5内置对象,获取醑穿哩侬对象后调用cmoveTo(parm1,parm2); lineTo(parm1,parm2); cxt.stroke();来绘制线,其中参数parm1和parm2位坐标点。效果如图

html5的基本用法
  • ps如何改变图片的颜色模式
  • 国考报名照片如何处理?
  • 怎么将图片内存变小 图片内存太大怎么变小
  • 如何不改变图片尺寸降低图片文件大小
  • 高薪需要哪些条件?
  • 热门搜索
    五年级语文手抄报 我们的节日手抄报 畅想2035年手抄报内容 新冠肺炎手抄报 爱劳动手抄报简单漂亮 植树造林手抄报 手抄报网 六一儿童节手抄报简单又好看 元宵节手抄报简笔画 说好普通话手抄报