终于搞定了用canvas导入图片了！哈哈！太高兴了！！！

最新推荐文章于 2024-07-22 18:18:11 发布

行者杜丘

最新推荐文章于 2024-07-22 18:18:11 发布

阅读量1.3w

点赞数 1

分类专栏：不转行程序员升级文章标签： canvas html5

本文链接：https://blog.csdn.net/onkinsen/article/details/45820579

版权

程序员升级同时被 2 个专栏收录

8 篇文章 0 订阅

订阅专栏

不转行

4 篇文章 0 订阅

订阅专栏

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>插入图片</title>
<style type="text/css">
body{ background:#000000;}
#oc{ background:#FFFFFF;}
</style>
<script type="text/javascript">
window.οnlοad=function(){
var Oc=document.getElementById("oc");
var Gc=Oc.getContext("2d");
var yImg=new Image();
yImg.src="403.jpg";
yImg.οnlοad=function(){
draw(this);
};
function draw(obj){
Gc.drawImage(obj,0,0,400,400);//插入图片
/*给某一个区域插入背景图片,并设置平铺方式
var bg=Gc.createPattern(obj,"repeat");
Gc.fillStyle=bg;
Gc.fillRect(0,0,200,200);*/

};

}
</script>
</head>

<body>
<canvas id="oc" width="400" height="400">
<span>不支持canvas的浏览器</span>

</canvas>
</body>
</html>