html中px写与不写,html5 – html中“100”和“100px”之间的区别

54 阅读 0 评论 36 点赞

我是靠谱客的博主笑点低寒风，最近开发中收集的这篇文章主要介绍html中px写与不写,html5 – html中“100”和“100px”之间的区别，觉得挺不错的，现在分享给大家，希望可以做个参考。

我正打算创建一个尺寸为500px * 500px的

html5画布：

并在其上划线(70px,70px)到(140px,140px)：

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)：

我认为我的画布大小有些不对劲,所以我从画布的width和height属性中删除后缀“px”并保持其他不变：

这次我得到了一个右边定位的矩形：

“500”和“500px”之间有什么区别？我怎样才能使这个画布尺寸合适？

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。