带有淡入淡出边框的清晰图像

Posted

技术标签:

【中文标题】带有淡入淡出边框的清晰图像【英文标题】:Clear image with fade border 【发布时间】:2012-11-20 06:59:23 【问题描述】:

我有两个相同框架的UIImageView。一个imageView 高于第二个imageView 现在我正在使用Core Graphics 擦除上面的imageView。我的问题是橡皮擦的边框非常锋利,我想要褪色的边框,即在擦除上层图像后应该与下层的托盘相匹配。请参阅下面的示例 - 我使用了这两张图片,下面是结果 - 正如您在这张图片中看到的,橡皮擦的边框非常清晰。我想让它像中间一样淡出,它应该是暗的,然后是亮的,然后是更亮的等等,即我们看不到画笔的宽度和末端。这是我的 - My Sample Code 如果我的问题不够清楚,请告诉我。

【问题讨论】:

【参考方案1】:

你可以有一个像画笔一样的 png 图像(中间是暗的,角落是亮的),然后像这样在你的图像上绘制图像。

        [eraser drawAtPoint:location blendMode:kCGBlendModeDestinationOut alpha:1];

【讨论】:

png图像的哪种颜色,因为颜色不是静态的,我使用colorWithImagePattern:作为橡皮擦颜色...... 我对您的项目进行了一些更改。 dropbox.com/sh/661y3vvjiklpz6n/8cHvcYxQ3A。这就是你想要的吗? 真棒答案老兄......我明天会接受它我只是在等待替代解决方案:) 很好的答案! 请分享项目,没有找到文件就是我得到的!! :(

以上是关于带有淡入淡出边框的清晰图像的主要内容,如果未能解决你的问题,请参考以下文章

带有“淡入淡出”/悬停效果的产品图像,这会导致图像移位

平滑图像淡出,改变src,用jquery淡入

UIButton 图像从 URL 加载后淡入淡出

如何使用淡入淡出改变图像

jQuery在悬停时更改(带有淡入淡出动画)div的背景图像

图像从左到右的淡入淡出效果