<body>
    <img src="./mi.png" style="border-radius: 40%;">
    <img src="./mi.png" alt="">
</body>

 

一行代码实现小米的新 Logo_编程资源

 

以下九十九个个是我随便画的圆角，其中有一个是原研哉设计的，谁能在一分钟之内把原研哉设计的包涵东方哲学、Alive、伟大的数学公式、生命的不停律动、少女的微笑、宇宙的律动、不同于人类生命体的萌生和退化的新logo找出来。

 

一行代码实现小米的新 Logo_编程资源_02

一行代码实现小米的新 Logo_公众号_03

源码

 

const length = 100;
    const fragment = document.createDocumentFragment();
    for(let i = 0 ; i<length; i++) {
        const img = document.createElement('img');
        img.src = './mi.png';
        img.style['border-radius'] = `${34 + Math.round(Math.random() * 5)}%`;
        fragment.appendChild(img);
    }
    fragment.children[Math.round(Math.random() * length)].style['border-radius'] = '40%';
    document.querySelector('.inner').appendChild(fragment);
一行代码实现小米的新 Logo_编程资源_04