利用JavaScript实现手动输入改变图形大小与颜色

海阔天空ZMZ

于 2019-08-09 10:40:45 发布

阅读量499

点赞数

分类专栏： JavaScript 文章标签： JavaScript 图片变形

本文链接：https://blog.youkuaiyun.com/weixin_45457515/article/details/98943835

版权

该博客介绍了如何使用JavaScript来实现在用户手动输入后改变图形的大小和颜色。作者在前一篇文章中探讨了图形形状与背景颜色的自动化变化，而这一次则聚焦于交互式的图形调整，允许用户通过输入来控制图形属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在上一篇中实现了图形形状与背景颜色的变化
https://blog.youkuaiyun.com/weixin_45457515/article/details/98943246
这次换一种输入方式，效果如图
在这里插入图片描述

代码如下
<!DOCTYPE html>
<html lang="en">
<style>
    #box {

        font-size: 20px;
    }
</style>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>

<body>
    <div id="box" style="width: 270px; height:80px;background:red;color: black;">我可以变形哦</div>
    <br>
    <input type="text" placeholder="请输入背

最低0.47元/天解锁文章