Canvas使用笔记

1.Canvas画布有外部尺寸和内部尺寸,外部尺寸是指画布在html页面里的大小,内部尺寸是指画布内部像素的值。一般默认是在下面这句

<canvas id="myCanvas" width="300" height="300">

代码中的width属性和height属性上设置的,这时外部内部都是300X300.但是有时候也需要改版画布的大小。这时语句就是

var canvas = $("#myCanvas");
var context = canvas.get(0).getContext("2d");               
canvas.get(0).width = 417;//内部宽度(像素值)
canvas.get(0).height = 952;
canvas.width(window.innerWidth);//外部宽度(width()是jquery设置CSS的方法)
canvas.height(window.innerHeight);    

  

  

posted @ 2016-04-15 11:39  系统攻城狮  阅读(239)  评论(0编辑  收藏  举报