canvas文本属性-textAlign-水平对齐

最新推荐文章于 2022-07-25 00:21:02 发布

VIP文章书院二层楼

最新推荐文章于 2022-07-25 00:21:02 发布

阅读量1.2k

点赞数

分类专栏： JS canvas 文章标签： canvas textAlign

本文链接：https://blog.csdn.net/caoxinjian423/article/details/109525798

版权

<!DOCTYPE html>
<html lang="en">
<!--
dir 文字方向
    rtl 右到左
    ltr 左到右
    比如：<html lang="en" dir="rtl">
-->
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>canvas文本属性-textAlign</title>
    <style>
        body{margin: 0;overflow: hidden}
        #test{background: antiquewhite;}
    </style>
</head>
<body>
    <canvas id="test"></canvas>
    <script>
        const cvs=document.getElementById('test');
        cvs.width=window.innerWidth;
        cvs.height=window.innerHeight;
        const ctx=cvs.getContext('2d');

        /*辅助线*/
        ctx.strokeStyle='#999';
        ctx.setLineDash([8]);
        ctx.moveTo(600,50);
        ctx.lineTo(600,600);

最低0.47元/天解锁文章

优惠劵

书院二层楼

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
canvas文本属性-textAlign-水平对齐

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0".
复制链接

扫一扫