相关疑难解决方法(0)

如何使背景图像按比例缩小以适应javascript中的按钮大小?

我在javascript中制作棋盘.棋盘的正方形(按钮)最初设计为60px乘60px,但现在它们是40px乘40px.

    button 
    {
      width:40px; 
      height:40px; 
      border: 0
    }
Run Code Online (Sandbox Code Playgroud)

然而,为这个早期棋盘设计的一些棋子仍然是60px乘60px.在Javascript中是否有任何方法可以使图像按比例缩小以适合方形尺寸?目前,图像符合方形尺寸,但不缩小,所以当我说,

    square.style.backgroundImage = imgLink; // square is the button, imgLink is "WhiteKing.jpg" for example.
Run Code Online (Sandbox Code Playgroud)

我得到这样的碎片 -

在此输入图像描述

如果WhiteKing.jpg按比例缩小,它就会很合适.有没有办法在Javascript中执行此操作?任何帮助将非常感激.

javascript background-image

24
推荐指数
2
解决办法
7万
查看次数

标签 统计

background-image ×1

javascript ×1