Question

canvas的宽高怎么自适应

Answer 1

只有内嵌css有效，外部css会出现拉伸的情况，
所以有两种方案

var myCanvas = "<canvas id='myCanvas' width='" + screen.availWidth + "px' height='"+ screen.availHeight + "px'></vanvas>";
document.body.insertAdjacentHTML("beforeEnd", myCanvas);

或者这种做法

var myCanvas = document.createElement("canvas");
myCanvas.setAttribute("width", screen.availWidth);
myCanvas.setAttribute("height", screen.availHeight);
myCanvas.setAttribute("id", "myCanvas");
document.body.appendChild(myCanvas);

两种方案的共性都是在把元素添加进DOM前设置他的大小

 

Answer 2

应用DBGrid1.Columns[x].Width := 100;来设置Column的宽度。将DefaultDrawing设为false;在DrawColumnCell事宜中DBGridS1.Canvas.TextWidth(Column.Field.AsString)可获合适缁ぶ段文本的长度，只要取这个Column中所有记录的最长值来做为这个Column的宽度就行了。在取TextWidth前要先设置好字体，它是根据字体来进行字符串宽度测量的