Canvas 画布随机变换背景色

最新推荐文章于 2024-05-08 20:50:56 发布

炒栗子

最新推荐文章于 2024-05-08 20:50:56 发布

阅读量1.3k

点赞数

分类专栏： js基础

本文链接：https://blog.csdn.net/weixin_47928433/article/details/108454663

版权

本文将介绍如何利用HTML5的Canvas API实现画布背景颜色的随机变换效果，通过JavaScript控制颜色变化，为网页增添动态视觉体验。

摘要由CSDN通过智能技术生成

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        canvas {
            border: 1px solid plum;
        }
    </style>
</head>

<body>
    <canvas id="ca" width="800" height="800"></canvas>
    <script>
        var ca = document.getElementById('ca');
        var pen = ca.getContext("2d");





        function bg() {
            var str = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 'A', 'a', 'B', 'b', 'C', 'c', 'D', 'd', 'E', 'e',

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

炒栗子

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Canvas 画布随机变换背景色

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

扫一扫