<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>canvas描边样式-lineDashOffset</title>
<style>
html{height: 100%;overflow: hidden;}
body{height: 100%;margin: 0;}
#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');
/*strokeStyle:描边的着色样式*/
ctx.strokeStyle='maroon';
/*lineWidth:描边宽*/
ctx.lineWidth=4;
/* lineDashOffset 虚线偏移 */
ctx.save();
ctx.beginPath();
ctx.moveTo
canvas描边样式-lineDashOffset-虚线偏移
最新推荐文章于 2024-04-10 16:05:41 发布