HTML5 canvas画布元素制作动态花朵动画

最新推荐文章于 2024-05-11 05:48:29 发布

静媛不圆

最新推荐文章于 2024-05-11 05:48:29 发布

阅读量4.7k

点赞数

分类专栏： JavaScript 小程序文章标签： HTML5 canvas 动画

本文链接：https://blog.csdn.net/caicaijingyuan/article/details/43740005

版权

废话不多说先上代码

<!doctype>
<html>
<head>
<meta charset="utf-8">
</head>
<body style="text-align:center;">
<canvas id="canvas" width="1300px" height="580px" style="border:2px black solid;">
</canvas>
<script>

var imge = new Image(100 ,100);
imge.src = "hh.png";
var a = new Array();
 a[0] = "2.png";
var cans = document.getElementById("canvas");
var cc = cans.getContext("2d");
cc.save();
var num=0;
function zuobiaox() {
	var x = Math.floor(Math.random()*1200);
	return x;	
}
function zuobiaoy() {
	var y = Math.floor(Math.random()*480);
	return y;	
}

imge.onload = function() {

	chanhua();
	
}
function chanhua() {
	cc.fillstyle="white";
	cc.fillRect(0,0,1300,580

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

静媛不圆

关注关注

0
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
HTML5 canvas画布元素制作动态花朵动画

废话不多说先上代码var imge = new Image(100 ,100);imge.src = "hh.png";var a = new Array(); a[0] = "2.png";var cans = document.getElementById("canvas");var cc = cans.getContext("2d");cc.save()
复制链接

扫一扫