canvas绘制地毯图案效果代码

代码语言:html

所属分类:其他

代码描述:canvas绘制地毯图案效果代码

代码标签: canvas 绘制 地毯 图案

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  

  
  
  
<style>
html, body {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
</style>


  
  
</head>

<body translate="no">
  <canvas id="c">
  
      <script>
const c = document.querySelector("#c");
const ctx = c.getContext("2d");

c.style.width = c.width = window.innerWidth;
c.style.height = c.height = window.innerHeight;

// Определите параметры шестиугольника
const hexRadius = 5; // Радиус шестиугольника
const hexHeight = Math.sqrt(3) * hexRadius; // Высота шестиугольника

const palette = [
'#003049',
'#d62828',
'#f77f00',
'#fcbf49',
'#eae2b7'];


const makeCtx = (w, h) => {
  const c = document.createElement(&.........完整代码请登录后点击上方下载按钮下载查看

网友评论0