用js将图片清空的问题

JavaScript06

用js将图片清空的问题,第1张

1、新建一个html文件,命名为test.html,用js删除图片。

2、在test.html文件内,使用p标签创建多段文字,同时设置每个p标签id属性,主要用于下面使用js获得对应的p标签对象。

3、在test.html文件内,使用button标签创建一个“删除html”的按钮。

4、在test.html文件内,给button按钮绑定onclick点击事件,当按钮被点击时,执行delhtml()函数。

5、在js标签内,创建delhtml()函数,在函数内实现对指定的p图片进行删除。

6、在myfun()函数内,通过getElementById()方法获得p标签对象,使用remove()方法删除html。在浏览器中打开test.html文件,点击按钮,就可以了。

setInterval(function () { 清空画布()画文字()画雪花() }, 1000 / 帧率)

就是很简单的动画效果, 字需要打字效果在循环里算一下每帧间隔时间就是

//函数clea修改下,加一句话就行

//canvas会记录你moveTo的点,所以清空的时候要用beginPath来清空下路径

function clea(){

    pic.beginPath()

    pic.clearRect(0,0,500,500)

}