0
Q
模糊在拉斐爾
A
回答
5
沒有這樣的事情存在於SVG(更少VML),對不起。
唯一的解決辦法是發生在我會遍歷所有元素,並應用模糊,好在這只是一對夫婦行JavaScript代碼的:
paper.forEach(function(el){
el.blur();
});
你也可以混合在一些老式的dom操縱:在稍微偏移的位置克隆舞臺不同的時間,並應用非常低的不透明度來模仿模糊效果,例如...
var paperhtml = document.getElementById('stage').innerHTML;
var blurString = "";
for (x=1; x<=10; x++) {
for (y=1; y<=10; y++) {
blurString += "<div style='left: "+(x-5)+"px; top: "+(y-5)+"px; opacity: 0.03'>"+paperhtml+"</div>"
}
}
blurcontainer.innerHTML = blurString;
你可以在這裏查看演示: http://jsfiddle.net/WTCXF/
相關問題
- 1. 嵌套拉斐爾的套在拉斐爾爲拉斐爾設置的JavaScript庫
- 2. 拖放拉斐爾
- 3. 拉斐爾和preserveAspectRatio
- 4. 拉斐爾 - 更改
- 5. 使用拉斐爾
- 6. 拉斐爾VS jsDraw2D
- 7. 拉斐爾設置事件
- 8. 拉斐爾餅圖錯誤?
- 9. 的MouseEvent當拉斐爾
- 10. 漸變顏色拉斐爾
- 11. 拉斐爾+ mapSvg淡出
- 12. 字體,拉斐爾和IE8
- 13. 大寬度拉斐爾
- 14. 如果拉斐爾g.barchar
- 15. 拉斐爾圖標大小
- 16. 拉斐爾js - gettotalLength()和getBBox.width
- 17. 拉斐爾文本和Safari
- 18. 拉斐爾 - 鼠標事件
- 19. 拉斐爾Paper.setSize問題
- 20. 拉斐爾JS - 點擊
- 21. Inkscape moveTo coords在拉斐爾的路
- 22. 縮放在拉斐爾2.1 svg路徑
- 23. 在拉斐爾效率需要幫助
- 24. 顯示懸停在拉斐爾圈
- 25. 拉斐爾在iPhone上的JavaScript庫
- 26. 如何使用的onclick拉斐爾JS
- 27. 漸變色填充拉斐爾
- 28. 拉斐爾和集合中的節點
- 29. 如何改變拉斐爾JS文件
- 30. 拉斐爾透明元素onclick
不幸的是,我不能使用所有拉斐爾元素的模糊。我需要一個模糊的區域 - 可以說我的raphael-svg的低50% - 完全覆蓋。而且這個區域也只覆蓋了我的部分元素,取決於它們的位置。就像「50%的raphael-svg覆蓋在模糊的背後」 – zbug 2012-01-12 09:15:49
我想到了一種解決方法,答案已更新。 – Duopixel 2012-01-12 10:24:05
這是一個很好的解決方案,如果背景是固定的。感謝您的意見 – zbug 2012-01-13 16:31:59