canvas 設定寬度 高度的問題

canvas元素預設寬 300px, 高 150px, 可以通過屬性的方式設定，如果通過樣式的方式設定會出現等比例拉伸的效果。

lang="en">

id="canvas1"
style="width: 200px;height: 200px; border:1px solid black;">
canvas>
var oc = document.getelementbyid('canvas1');
var ctx = oc.getcontext("2d");
ctx.moveto(0, 0);
ctx.lineto(200, 200);
ctx.stroke();
script>
body>
html>

通過樣式來設定canvas的時候canvas的大小會被拉伸。

設定其寬高可以使用如下方法：

方法一：

方法二：使用html5 canvas api操作

var canvas = document.getelementbyid('id');

canvas.width = 500;
canvas.width = 500;

方法一：使用css 會被拉伸

canvas｛

width
:1000px;
height
:1000px;
｝

也包含了行間樣式中的 style=」」 。也就是上面的例子，也會產生拉伸的情況。

var canvas = document.getelementbyid('id');

canvas.style.width = "1000px";
canvas.style.height = "1000px";

canvas的width和height也不能用百分比表示。canvas會將百分值當成數值顯示

關於div寬度和高度的100 設定的問題

設定div大小的有兩個屬性width和height，以前在學習div每次給div設定100 寬度或高度時都很迷惑，不明白這個100 的寬度 高度 到底有多寬有多高？這個100 是從 得到的從 繼承的？今天我們的話題就是有關div高度100 的問題！其實，要弄懂div寬度 width100 div高度...

動態設定ImageView的寬度和高度

需求 顯示寬度等於手機螢幕寬度，高度不固定，但不能改變原圖比例 解決 獲取螢幕長寬 displaymetrics dm context.getresources getdisplaymetrics int w screen dm.widthpixels int h screen dm.heightp...

如何給span設定高度寬度？

內容提要 給span設定高度和寬度後沒有作用。本文介紹了如何如何給span設定高度寬度。css模型中經常用的容器是div和span。給span設定高度和寬度後沒有作用。www.xin126.cn 執行頁面 span 設定高度寬度後不起作用的解決方法 在span的css中增加display block...