如何將網(wǎng)頁CSS背景圖高斯模糊且全屏顯示

一、高斯模糊是使用ps等工具實(shí)現(xiàn)的，方法如下（以ps為例）：

我們提供的服務(wù)有：網(wǎng)站設(shè)計(jì)制作、網(wǎng)站設(shè)計(jì)、微信公眾號(hào)開發(fā)、網(wǎng)站優(yōu)化、網(wǎng)站認(rèn)證、海南ssl等。為上千家企事業(yè)單位解決了網(wǎng)站和推廣的問題。提供周到的售前咨詢和貼心的售后服務(wù)，是有科學(xué)管理、有技術(shù)的海南網(wǎng)站制作公司

1、在ps中打開背景圖；

2、點(diǎn)擊菜單欄中的濾鏡；

3、點(diǎn)擊模糊，再選擇高斯模糊，如圖；

5、通過調(diào)整半徑來調(diào)整模糊的強(qiáng)度（半徑越大越模糊），如圖：

二、全屏顯示的css代碼：

.bg {

background-image:url(scale.jpg);

-moz-background-size: 100% 100%; /* ?Firefox 3.6 */

-o-background-size: 100% 100%;/* Opera 9.5 */

-webkit-background-size: 100% 100%;/* Safari 3.0 */

background-size: 100% 100%;/* ?Firefox 4.0 and other CSS3-compliant browsers */

-moz-border-image: url(scale.jpg) 0; /* Firefox 3.5 */

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='scale.jpg', sizingMethod='scale');/* for ie9 */

}

怎么用java代碼放大或縮小圖片不失真。

放大圖像不會(huì)導(dǎo)致失真，而縮小圖像將不可避免的失真。Java中也同樣是這樣。但java提供了4個(gè)縮放的微調(diào)選項(xiàng)。image.SCALE_SMOOTH //平滑優(yōu)先image.SCALE_FAST//速度優(yōu)先image.SCALE_AREA_AVERAGING //區(qū)域均值image.SCALE_REPLICATE //像素復(fù)制型縮放image.SCALE_DEFAULT //默認(rèn)縮放模式調(diào)用方法Image new_img=old_img.getScaledInstance(1024, 768, Image.SCALE_SMOOTH);得到一張縮放后的新圖。怎么用java代碼放大或縮小圖片不失真。

代碼實(shí)現(xiàn)高斯模糊

fileprivate lazy var effectView = UIVisualEffectView().then {

let blurEffect = UIBlurEffect(style: .regular)

$0.effect = blurEffect

}

//滑塊拖動(dòng)后

@IBAction func sliderValueChanged(_ sender: AnyObject) {

//獲取原始圖片

let inputImage = CIImage(image: originalImage)

//使用高斯模糊濾鏡

let filter = CIFilter(name: "CIGaussianBlur")!

filter.setValue(inputImage, forKey:kCIInputImageKey)

//設(shè)置模糊半徑值（越大越模糊）

filter.setValue(slider.value, forKey: kCIInputRadiusKey)

let outputCIImage = filter.outputImage!

let rect = CGRect(origin: CGPoint.zero, size: originalImage.size)

let cgImage = context.createCGImage(outputCIImage, from: rect)

//顯示生成的模糊圖片

imageView.image = UIImage(cgImage: cgImage!)

}

怎么用java代碼模擬一張圖片

用java代碼模擬一張圖片可以這樣操作：1.創(chuàng)建BufferedImage類

2.根據(jù)BufferedImage類得到一個(gè)Graphics2D對象

3.根據(jù)Graphics2D對象進(jìn)行邏輯操作

4.處理繪圖

5.將繪制好的圖片寫入到圖片