首页 > 代码库 > HTML5 javascript修改canvas的大小
HTML5 javascript修改canvas的大小
方法1： 设定固定的值，这种方式跟在html中设定canvas的值没有什么区别：
window.onload = function(){ canvas.height = 100; canvas.width = 200;}changeCanvasSize = function(){ canvas.height = 100; canvas.width = 200;}
方法2： 修改带固定的尺寸，这种方式跟第一种很相似，需要传递参数，这也没什么；
changeCanvasSize = function(width, height){ canvas.height = height; canvas.width = width;}
方法3： 最想记载的一种方式，根据某个图片尺寸设定canvas的大小：
var image = document.getElementById("image");canvas.width = image.width;canvas.height = image.height;
方法4： 取的是javascript中加载的图片的大小，不能直接取image的大小是因为当执行完了image.src之后，这个图片加载是相对延迟的，也就是说这个时候的image的大小还是0*0。
var image = new Image();window.onload = function(){ image.src = "some/location/name.jpg"; image.onload = function(){ canvas.width = image.width; canvas.height = image.height; }}
尤其是以上方法4，是自己的理解，不知对否。。。。
HTML5 javascript修改canvas的大小
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。