Loading
0

Html的Canvas画布被拉长甚至放大像素化问题


最近天气越来越冷了鸭~

虽然宿舍还是一如既往的暖和qwq...


         今天上课时,在为一个canvas画布上画线填充,实际效果出现了高度被拉伸的情况,整个画面糊成一团,正方形图画被拉成长方形,而且大小还被缩放出马赛克。。可以理解为抗锯齿:关 (笑

canvas的属性全部写在css里,而标签那啥也没写。后来看了关于canvas的介绍,了解到canvas标签是有默认长宽的,好像是width300height150来着。。我个人认为,问题应该就出在这里,canvas标签里不打上长宽属性的话,默认大小就会被应用,而css里填写的大小可能会被叠加上去或者直接失效。所以就出现了被画布内容被拉伸甚至放大成马赛克点的情况。

声明:本文为原创,作者为 Zany小咸鱼,转载时请保留本声明及附带文章链接:https://us.zanyworld.top/wordpress/index.php/206/