苹果是如何在苹果音乐的专辑封面背后制造模糊的?

tjvv9vkg  于 2022-10-31  发布在  Swift
关注(0)|答案(3)|浏览(374)

这看起来像是一个模糊的影子,但我似乎找不到合适的工具来重新创建它。我看过ciImage,但不知道一个好的方法来启动它。指导将非常感谢!

mzsu5hc0

mzsu5hc01#

您可以使用UIImage和核心图像过滤器(CIFilters)来实现该效果。

通过对同一图像使用两个UIImageView(或通过编程方式复制封面ImageView),然后对背景上的图像应用CIGaussianBlurFilterCIExposureAdjust
如果操作正确,它可能如下所示。

u2nhd7ah

u2nhd7ah2#

您可以使用UIVisualEffectView来完成此操作

let blurEffect = UIBlurEffect(style: .Light)
let visualEffectView = UIVisualEffectView(effect:blurEffect)
visualEffectView.frame = imageView.bounds
imageView.addSubview(visualEffectView) // album artwork imageview,
flseospp

flseospp3#

纯HTML、CSS和JS。
代码笔:https://codepen.io/livehelp/pen/yLXmqWB?editors=1000
重要事项:若要查看下方正确放置的反射,请不要使用蓝色的“运行代码段”按钮。而是单击蓝色的“展开代码段”链接,然后单击蓝色的“运行代码段”按钮。

<style>
body {margin: 5%;}  
img { width:300px; position:relative; z-index:1; border-radius: 10px; }  

# srblur {

position:relative;
transform: translate(-100%, 7%) scale(1.1);
z-index:0;
filter: blur(20px);
opacity:0.7;
}
</style>
<img src="https://images-na.ssl-images-amazon.com/images/I/71-S-DJ5YML._SL1000_.jpg" />
<script>  
  var elmnt = document.getElementsByTagName("img")[0];
  var cln = elmnt.cloneNode(true);
  document.body.appendChild(cln);
  cln.id = "srblur";
</script>

相关问题