canvas绘制彩色线条架构艺术效果代码

代码语言:html

所属分类:布局界面

代码描述:canvas绘制彩色线条架构艺术效果代码

代码标签: canvas 彩色 艺术 架构 线条

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

<!DOCTYPE html>

<html lang="en">

<head>

   
<meta charset="UTF-8">



   
<style>
        html
{
         
height: 100%;
         
background: #222222;
       
}
       
        body
{
         
margin: 0;
         
display: flex;
         
align-items: center;
         
justify-content: center;
         
min-width: 800px;
         
min-height: 800px;
       
}
       
        canvas
{
         
transform: rotate(180deg);
       
}
   
</style>


</head>

<body>
   
<canvas id="canvas"></canvas>

   
<script>
        const canvas = document.getElementById("canvas");
        const outputContainer = document.getElementsByClassName("wrapper")[0];
        const ctx = canvas.getContext("2d");
       
        let canvasSize = 800;
        let ratio = window.devicePixelRatio || 1;
        canvas.width = canvasSize * ratio;
        canvas.height = canvasSize * ratio;
        canvas.style.width =.........完整代码请登录后点击上方下载按钮下载查看

网友评论0