canvas绘制地毯图案效果代码
代码语言:html
所属分类:其他
代码描述: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