textBaseline
<!DOCTYPE html>
<html>
<body>
<canvas id="myCanvas" width="400" height="200" style="border:1px solid #d3d3d3;">
Your browser does not support the HTML5 canvas tag.</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
//Draw a red line at y=100
ctx.strokeStyle="blue";
ctx.moveTo(5,100);
ctx.lineTo(395,100);
ctx.stroke();
ctx.font="20px Arial"
//Place each word at y=100 with different textBaseline values
ctx.textBaseline="top";
ctx.fillText("Top",5,100);
ctx.textBaseline="bottom";
ctx.fillText("Bottom",50,100);
ctx.textBaseline="middle";
ctx.fillText("Middle",120,100);
ctx.textBaseline="alphabetic";
ctx.fillText("Alphabetic",190,100);
ctx.textBaseline="hanging";
ctx.fillText("Hanging",290,100);
</script>
</body>
</html>
最新文章
- Asp.Net MVC<;四>;:路由器
- android 底层入门开发(二)
- hdu 2896 AC自动机
- Spark集群 + Akka + Kafka + Scala 开发(1) : 配置开发环境
- Struct2
- Winpcap构建用户级网桥
- java.lang.NoClassDefFoundError: org/hibernate/cfg/Configuration解决方法
- (转)JAVA AJAX教程第一章-初始AJAX
- solr使用
- KVC, KVO实现原理剖析
- 第28条:利用有限制通配符来提升API的灵活性
- HTML5峰会小记
- form表单传递下拉框的Value和Text值,不适用Jquery传递
- 安卓异步任务AsynTask(1)
- Mysql 上亿级数据导入Hive思路分享
- OpenCV 初体验
- js重点--匿名函数
- 深度学习基础(四) Dropout_Improving neural networks by preventing co-adaptation of feature detectors
- SQL Server 2000 绿色精简版gsql适用于xp/win7/win8/win10
- Linux系统性能监控之6个vmstat和6个iostat命令
热门文章
- label语句、break语句和continue语句
- mongodb 最佳可视化工具mongobooster
- 06: AJAX全套 &; jsonp跨域AJAX
- 20145206邹京儒《网络对抗技术》 PC平台逆向破解
- cogs 362. [CEOI2004]锯木厂选址
- Python3基础 __getattr__ 访问不存在的属性时,新增提示功能
- MBR记录
- 完美解决vim在终端不能复制的问题
- 【Hostname】Linux修改主机名称
- UVa 12563 劲歌金曲(0-1背包)