首頁 > web前端 > H5教程 > html5中canvas學習筆記1-畫板的尺寸與實際顯示尺寸_html5教學技巧

html5中canvas學習筆記1-畫板的尺寸與實際顯示尺寸_html5教學技巧

WBOY
發布: 2016-05-16 15:50:33
原創
1456 人瀏覽過

在canvas中寫width和height時為canvas的實際畫板大小,預設為300px,height為150px。
在style裡面寫css樣式的時候widht和height為實際顯示尺寸大小。
現在以canvas畫一個對角線為例

複製程式碼
複製程式碼



代碼如下:





canvas

window.onload = function(){
getCanvas();
};
//canvase繪圖
function getCanvas(){
//取得canvas元素及其繪圖上下文
var canvas = document.getElementById('canvasId');
var context = canvas.getContext('2d');
//用絕對路標建立一條路徑
context.beginPath();
context.moveTo(0,200);
context.lineTo(200,0);
//將這條先繪製到canvas上
context. stroke();
}



相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板