HTML 데스크탑 응용 프로그램 - 방법 : 흐린 배경?

Question

Windows 용 HTML 데스크톱 앱 작업을 다시 시작하고 싶습니다. 아직 어떤 프레임 워크를 구축할지 결정하지 않았기 때문에 이에 대해 유연하게 설명합니다. 이제 .. 내가 가지고있는 요구 사항 중 하나가 있습니다. 내가 만들고 싶은 앱 2 개 내에서 투명한 배경을 갖고 싶습니다. 투명 할뿐만 아니라 그 아래에있는 것들을 흐리게 만듭니다. 모두가 가진 효과와 비슷합니다. OSX 요세미티 최신 아이폰 OS가

여기

당신은 내가 거의 달성하기 원하는 효과의 사진을 볼 수 이상 : https://d13yacurqjgara.cloudfront.net/users/107587/screenshots/1598097/vk_os_x_player_dribbble.png

을 지금을 anyoneone은에 그것을 달성하는 방법을 알고 않습니다 .. 말 .. AppJS 또는 크롬 패키지 애플리케이션 또는 TideSDK 또는 노드 웹킷?

편집 - AppJS 프로그래밍으로 제안 된 것들을 시도 할 때 나는 단지 검은 색 배경을 얻는다. 투명하지 않습니다. 나는 또한 브라우저에서이를 달성하는 방법을 알고 있다고 생각한다. 하지만 데스크톱에서 실행해야하는 앱에는 없습니다.

Answer 1

#myDiv { 
-webkit-filter: blur(20px); 
-moz-filter: blur(20px); 
-o-filter: blur(20px); 
-ms-filter: blur(20px); 
filter: blur(20px); 
opacity: 0.4; 
} 

Answer 2

Windows에는 창 핸들을 허용하고 찾고있는 흐림 효과를 얻을 수있는 네이티브 메서드가 있습니다. C/C++에서 메소드를 사용하는 방법은 this example을 참조하십시오. node-webkit 코드에서이 코드를 호출하려면 작업을 완료하기 위해 node-ffi을 사용해야 할 가능성이 큽니다.

이 두 가지로도 개인적으로 node-webkit으로 만든 창 핸들에 액세스하려고 시도한 적이 없으므로 실제로 얼마나 쉽고/어렵고 가능한지조차 알 수는 없지만 희망 사항이 있습니다. 적어도이 일이 당신을 시작하게합니다.