深圳网站建设有免费的吗,湖北网站建设开发,小企业网站建设价格,网站开发安全小贴士垂直对齐#xff0c;使用CSS很容易实现#xff0c;如果想在HTML5 Canvas中实现垂直对齐#xff0c;如何设置呢#xff0c;这就是今天要分享的笔记。HTML画布垂直对齐的文本#xff0c;我们可以使用的textBaseline在画布范围内的属性值。textBaseline可以设置以下值之一 使用CSS很容易实现如果想在HTML5 Canvas中实现垂直对齐如何设置呢这就是今天要分享的笔记。HTML画布垂直对齐的文本我们可以使用的textBaseline在画布范围内的属性值。textBaseline可以设置以下值之一 top, hanging, middle, alphabetic, ideographic, and bottom。除非另有规定textBaseline属性默认为字母。context.textBaseline[value];html5_canvas_text_baselinebody {margin: 0px;padding: 0px;}#myCanvas {border: 1px solid #9C9898; margin:0 auto;margin-top:200px; margin-left:100px;}window.onload function(){var canvas document.getElementById(myCanvas);var context canvas.getContext(2d);var x canvas.width / 2;var y canvas.height / 2;context.font 30pt Calibri;// textAlign aligns text horizontally relative to placementcontext.textAlign center;// textBaseline aligns text vertically relative to font stylecontext.textBaseline middle;context.fillStyle blue;context.fillText(Hello World!, x, y);};
