这看起来像是一个模糊的影子,但我似乎找不到合适的工具来重新创建它。我看过ciImage,但不知道一个好的方法来启动它。指导将非常感谢!
ciImage
mzsu5hc01#
通过对同一图像使用两个UIImageView(或通过编程方式复制封面ImageView),然后对背景上的图像应用CIGaussianBlurFilter和CIExposureAdjust。如果操作正确,它可能如下所示。
u2nhd7ah2#
您可以使用UIVisualEffectView来完成此操作
UIVisualEffectView
let blurEffect = UIBlurEffect(style: .Light) let visualEffectView = UIVisualEffectView(effect:blurEffect) visualEffectView.frame = imageView.bounds imageView.addSubview(visualEffectView) // album artwork imageview,
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>
3条答案
按热度按时间mzsu5hc01#
您可以使用UIImage和核心图像过滤器(CIFilters)来实现该效果。
通过对同一图像使用两个UIImageView(或通过编程方式复制封面ImageView),然后对背景上的图像应用CIGaussianBlurFilter和CIExposureAdjust。
如果操作正确,它可能如下所示。
u2nhd7ah2#
您可以使用
UIVisualEffectView
来完成此操作flseospp3#
纯HTML、CSS和JS。
代码笔:https://codepen.io/livehelp/pen/yLXmqWB?editors=1000
重要事项:若要查看下方正确放置的反射,请不要使用蓝色的“运行代码段”按钮。而是单击蓝色的“展开代码段”链接,然后单击蓝色的“运行代码段”按钮。