这篇博客介绍如何利用HTML5的canvas元素创建一个动态的7色画框。当点击按钮时，颜色会依次展示，通过改变方块的起始位置和大小，避免彼此完全覆盖，呈现出独特的视觉效果。
<!DOCTYPE html>
<html>
<head>
<title>7色画框</title>
<meta name="keywords" content="asatoga">
<meta name="description" content="只是一个简单的页面=-=">
<meta name="content-type" content="text/html; charset=gbk">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style>
body{
background-image:url("http://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E6%98%9F%E7%A9%BA%E8%83%8C%E6%99%AF&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=undefined&cs=
<html>
<head>
<title>7色画框</title>
<meta name="keywords" content="asatoga">
<meta name="description" content="只是一个简单的页面=-=">
<meta name="content-type" content="text/html; charset=gbk">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<style>
body{
background-image:url("http://image.baidu.com/search/detail?ct=503316480&z=undefined&tn=baiduimagedetail&ipn=d&word=%E6%98%9F%E7%A9%BA%E8%83%8C%E6%99%AF&step_word=&ie=utf-8&in=&cl=2&lm=-1&st=undefined&cs=
最低0.47元/天 解锁文章
扫一扫
1839
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
