當設置canvas的寬度和高度時,只有內嵌css有效,外部css會出現拉伸的情況,例如:
顯示情況如下:
該效果與我們預想的不同,此時有兩種修改方案:
(1)在代碼js中添加設置寬高屬性的代碼設置寬度和高度:
canvas.setAttribute("height",canvas.clientHeight);canvas.setAttribute("width",canvas.clientWidth);(2)除去外部css中設置寬高屬性的代碼,給canvas標籤直接添加寬度和高度屬性:
最後顯示效果如下: