如何使画布的大小与图像大小一样

采石工 2012-08-22 10:59:19
下面的代码可以实现图像的绘制

<canvas id="canvas" width="800" height="600" style="border:1px solid #c3c3c3;" >

<script type="text/javascript">
var canvas=document.getElementById("canvas");
var context=canvas.getContext("2d");
var img=new Image()
img.src="lena.jpg"
context.drawImage(img,0,0);
</script>

需要将画布的尺寸设置为大于图像的尺寸才可以显示完整的图像。如果事先不知道图像的尺寸,怎样在画布中显示完整的图像呢,或者说怎样在脚本中读出图像的尺寸以设置画布呢?
我知道可以通过
context.width=?
context.height=?
来设置画布的尺寸。
...全文
891 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
采石工 2012-08-27
  • 打赏
  • 举报
回复
大家好像没有明白我的意思,很遗憾,结贴了!
ms 2012-08-22
  • 打赏
  • 举报
回复
可以看看帮助文档关于drawImage的参数使用,很丰富的
pxy1510742 2012-08-22
  • 打赏
  • 举报
回复
ctx.drawImage(image,0,0,800,600);
pxy1510742 2012-08-22
  • 打赏
  • 举报
回复
这个其实不难的,drawImage是有9个参数的,如果canvas的大小已经确定,可以通过控制drawImage的参数是图片全部显示drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh)



jellday 2012-08-22
  • 打赏
  • 举报
回复
上java那问吧

61,112

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧