html中"100“和"100px”的区别

您所在的位置:网站首页 凯越500和500px区别 html中"100“和"100px”的区别

html中"100“和"100px”的区别

2024-06-30 13:44| 来源: 网络整理| 查看: 265

我正要创建一个500px*500px的html5画布:

代码语言:javascript复制

然后在上面画一条从(70px,70px)到(140px,140px)的线:

代码语言:javascript复制var canvas = document.getElementById( "stone" ); var context; try { context = canvas.getContext( "2d" ); } catch( e ) { $( "support" ).html( "HTML5 canvas is not supported by your browser." ); } context.beginPath(); context.moveTo( 70, 70 ); context.lineTo( 140, 140 ); context.stroke();

但是我得到了一个正方形,它的线条显然不是从(70px,70px)开始的:

我认为画布的大小有问题,所以我从画布的宽度和高度属性中删除了后缀"px“,并保持其他属性不变:

代码语言:javascript复制

这一次我得到了一个矩形,它有一条正确的线:

"500“和"500px”有什么区别?我怎样才能使这个画布大小合适?



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3