html5使用canvas绘制一张图片
发布时间:2015-05-12 来源:查字典编辑
摘要:代码如下:varcanvas=document.getElementById("canvas");varcxt=canvas.getCont...
<canvas id="canvas" width="600" height="500" style="background-color: yellow;"></canvas>
代码如下:
var canvas=document.getElementById("canvas");
var cxt=canvas.getContext("2d");
var img=new Image();
img.src="cat.jpg";
cxt.drawImage(img,10,10,490,382);
/*
测试发现一个问题 在浏览器第一次执行的时候经常看不到图片,
在刷新一次后才能看到图片,有谁知道这是什么原因的,麻烦大神告诉我一下啊
.呵呵
*/
相关阅读
推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
- ■python3新特性函数注释Function Annotations用法分析
- ■python 添加用户设置密码并发邮件给root用户
- ■Win10任务栏不显示程序缩略图的原因及解决办法
- ■python批量制作雷达图的实现方法
- ■怎么快速更换Win10默认锁屏壁纸?
- ■python中的格式化输出用法总结
- ■Win10系统无法打开Office 2007及Excel词典文件丢失的故障原因及解决方法
- ■Win8系统应用商店安装软件提示错误代码0x80070585的故障原因及解决方法
- ■Win10预览版11099总是出现弹窗WSClient.dll出错丢失的解决办法
- ■浅谈python类属性的访问、设置和删除方法
最新HTML5教程学习
网页设计子分类