html5canvas对象的默认高度,canvas最大宽度
canvas元素html属性的width&height与css样式的width&height关系
当没有设置宽度和高度的时候，canvas 会初始化宽度为 300 像素和高度为 150 像素。该元素可以使用 CSS 来定义大小，但在绘制时图像会伸缩以适应它的框架尺寸：如果 CSS 的尺寸与初始画布的比例不一致，它会出现扭曲。
所以当我们给 canvas 设置宽高时需要注意，比例需要时 2:1
canvas html 属性和 css 属性
理论上 canvas 的 width 和 height 都只能是整数，但实际上可以设置小数，浏览器默认会进行取整操作；也可以是带 px 的字符串，但是对于其它单位都会被忽略，渲染为 px；如果设置为负数或者不设置，默认宽是 300，高是 150
为什么canvas元素默认尺寸是 300 150，而不是其他尺寸组合呢？这个是 CSS 规范中定义的，作为替换元素，默认的尺寸是 300 150，canvas元素就是替换元素，因此默认尺寸是 300 150。由于svg元素也是替换元素，因此，svg默认的尺寸也是 300 150。
如果没有设置宽高属性，获取是取到的值是默认值
CSS 的 width，height 属性权重要大于canvas元素的 width，height 属性权重。
canvas的等比例特性是强制的，会忽略 HTML 属性的设置。对比下面的测试 HTML：
最终的宽度表现不是 300 而是等比例缩放的 176px。
1：Canvas 默认的画布宽高是 300 * 150，当你设置标签的 width，height 属性值时，控制的是 Canvas 的元素本身的宽高，和 Canvas 画布的宽高大小。同时设置定了两个值。
2：而 Css 设置 width，height 时，只仅仅控制了 Canvas 元素自身的宽高，而不会改变 Canvas 画布大小。
而我们最终展示在页面上的内容是 canvas 画布的内容，然后缩放到 css 值大小
比如我们设置了 css
此时 canvas 元素的大小是 600px * 300px ；但是画布大小还是 300px * 150px
所以还是会先在 300px * 150px 上的画布上先绘制，然后在拉伸绘画后的内容到我们 css 大小
此时我们获取 canvas 对象的 width 和 height 依旧还是 300px * 150px (而我们绘制图案是也是基于画布大小来说的默认画布的左上角是 0，0)
当我们使用各个 Canvas API 进行图形图像绘制的时候，其坐标位置，尺寸大小等都是相对于canvas元素的 HTML 属性 width/height，与 CSS width/height 没有任何关系。
canvas元素本质上是个位图，因此，在 retina 高密度屏幕下，如果如果绘制图像，则如果按照视觉尺寸来绘制，可能就会模糊，我们可以将canvas元素的尺寸用 HTML 高宽属性设置为 2 倍尺寸，然后使用 CSS 高宽属性设置视觉尺寸为布局需要的尺寸大小。
html5canvas的宽高有大小限制吗？
没有大小限制
HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。
画布是一个矩形区域，您可以控制其每一像素。
小案例：canvas绘制渐变
!DOCTYPE HTML
html
body
canvas id="myCanvas" width="200" height="100" style="border:1px solid #c3c3c3;"
Your browser does not support the canvas element.
/canvas
script type="text/javascript"
var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
var grd=cxt.createLinearGradient(0,0,175,50);
grd.addColorStop(0,"#FF0000");
grd.addColorStop(1,"#00FF00");
cxt.fillStyle=grd;
cxt.fillRect(0,0,175,50);
/script
/body
/html
Html5中的canvas中为什么设置它的height最大显示到150，无论设置height值设置多大都只到150，谢啦
是不是设置过他的style.height?我遇到过这种情况。可能是你在CSS里面设置了
canvas的width和height是画布的实际宽高
canvas的style.height是他显示出来的宽和高，如果上下2个的大小不一样，会把上面的图形拉伸/缩小到下面的大小。
canvas 设置的宽高为什么都被解析为0了
因为你设置了css样式，默认的canvas是300*150的，跟图片类似，设置了css宽高之后就拉伸了。 这里有个解决方法是，修改canvas默认的宽和高：
如何使用HTML5 Canvas动态的绘制拓扑图
canvas动态的绘制拓扑图
1.添加引用\r\n右击项目-添加引用-浏览 找到本地的dll文件\r\n2.using 该dll文件里面代码的名称空间 \r\n然后就可以调用dll文件里面的类和方法
canvas定义和用法：
Canvas 对象表示一个 HTML 画布元素 -canvas。它没有自己的行为，但是定义了一个 API 支持脚本化客户端绘图操作。
你可以直接在该对象上指定宽度和高度，但是，其大多数功能都可以通过CanvasRenderingContext2D 对象获得。 这是通过 Canvas 对象的getContext() 方法并且把直接量字符串 "2d" 作为唯一的参数传递给它而获得的。
canvas 标记在 Safari 1.3 中引入，在制作此参考页时，它在 Firefox 1.5 和 Opera 9 中也得到了支持。在 IE 中，canvas 标记及其 API 可以使用位于excanvas点sourceforge点net的 ExplorerCanvas 开源项目来模拟。
提示：如果希望学习如何使用 canvas 来绘制图形，可以访问 Mozilla 提供的Canvas 教程（英文）以及相应的中文 Canvas 教程。
使用 canvas 标记绘图
大多数 Canvas 绘图 API 都没有定义在 canvas 元素本身上，而是定义在通过画布的getContext() 方法获得的一个“绘图环境”对象上。
Canvas API 也使用了路径的表示法。但是，路径由一系列的方法调用来定义，而不是描述为字母和数字的字符串，比如调用 beginPath() 和 arc() 方法。
一旦定义了路径，其他的方法，如 fill()，都是对此路径操作。绘图环境的各种属性，比如 fillStyle，说明了这些操作如何使用。
注释：Canvas API 非常紧凑的一个原因上它没有对绘制文本提供任何支持。要把文本加入到一个 canvas 图形，必须要么自己绘制它再用位图图像合并它，或者在 canvas 上方使用 CSS 定位来覆盖 HTML 文本。
Canvas 对象的属性
height 属性
画布的高度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口高度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。
width 属性
画布的宽度。和一幅图像一样，这个属性可以指定为一个整数像素值或者是窗口宽度的百分比。当这个值改变的时候，在该画布上已经完成的任何绘图都会擦除掉。默认值是 300。