6
Có thể đặt độ trong suốt của bất kỳ hình ảnh nào trong javascript không? Và làm cách nào tôi có thể làm điều đó?Hình ảnh trong suốt - có thể trong JS không?
A
Trả lời
8
Nếu sử dụng đồng bằng javascript này nên làm việc:
function SetOpacity(imageid, opacity) {
var s= document.getElementById(imageid).style;
s.opacity = (opacity/100);
s.MozOpacity = (opacity/100);
s.KhtmlOpacity = (opacity/100);
s.filter = 'alpha(opacity=' + opacity + ')';
}
Gọi theo: SetOpacity('myImg', 50); //Half transparent
+0
Sẽ hiệu quả hơn khi sử dụng biến cho opacity/100: var decentBrowserOpacityValue = opacity/100, HOẶC cho độ mờ là giá trị từ 0-1 và sử dụng s.filter = 'alpha (opacity =' + (opacity * 100) + ')'; – KooiInc
+0
@Kooilnc - Có thể, là 1 lần gán biến và 1 bộ phận rẻ hơn 3 bộ phận? Tôi không chắc chắn, nhưng tôi đặt cược đó là một sự khác biệt nhỏ vô cùng một trong hai cách. Trong trường hợp này, phần lớn công việc của bạn là công cụ hiển thị của trình duyệt làm cho hình ảnh trong suốt ... sự khác biệt trong phép gán biến ở đây là tối ưu hóa vi mô khiến cho mã ít đọc được hơn, vì vậy tôi có xu hướng tránh xa trong những trường hợp đơn giản này . –
+0
@Nick Craver - đó là vi thực sự, nhưng bạn biết nó như thế nào: nhiều micros có xu hướng làm cho một lớn. Một điểm khác có thể là 'định hướng microsoft' của hàm, mà tôi đã nhấn mạnh trong mệnh đề OR. Vâng, đó là một vấn đề của hương vị tôi cho là. – KooiInc
3
Các vấn đề liên quan
- 1. Tạo hình ảnh có nền trong suốt trong ImageMagick
- 2. Phát hiện xem tệp hình ảnh PNG có phải là hình ảnh trong suốt không?
- 3. Rmagick - hình ảnh có nền trong suốt từ văn bản
- 4. màu trong suốt trong javascript D3.js
- 5. Làm nền trắng của hình ảnh trong suốt trong css
- 6. Kết hợp nền với hình ảnh trong suốt trong PIL
- 7. HTML5 cách vẽ hình ảnh pixel trong suốt trong canvas
- 8. Xóa độ trong suốt trong hình ảnh với C#
- 9. Có thể tạo canvas trong suốt
- 10. Thêm hình ảnh có độ trong suốt cho Báo cáo tinh thể
- 11. Bạn có thể che phủ một div trong suốt trên một hình ảnh
- 12. Làm cho mỗi pixel của một hình ảnh có màu sắc cụ thể trong suốt
- 13. Đặt độ trong suốt trong ảnh IOS
- 14. Tạo con trỏ nửa trong suốt từ hình ảnh
- 15. jcrop biến hình ảnh trong suốt màu đen
- 16. Xoay chuỗi hình ảnh thành video với độ trong suốt
- 17. IIS 7.5 không có hình ảnh css js hiển thị
- 18. Đường viền CSS trên hình ảnh PNG có các phần trong suốt
- 19. Con trỏ WPF trên hình ảnh trong suốt
- 20. Mặt nạ hình ảnh trong suốt trên tràn css
- 21. div trong suốt trên hình ảnh nhưng văn bản mờ
- 22. hình nền trong suốt
- 23. Cách tạo hình ảnh với nền trong suốt
- 24. java TrayIcon sử dụng hình ảnh với nền trong suốt
- 25. Hình ảnh kết cấu libgdx trong suốt hiển thị
- 26. Có thư viện js nào có thể tạo bảng màu từ hình ảnh không?
- 27. Làm thế nào để tạo một hình ảnh không thường xuyên, trong đó phần trong suốt của hình ảnh không thể nhấp được?
- 28. Tạo hình thang có đường viền và nền trong suốt?
- 29. d3 js làm hình ảnh
- 30. Viết văn bản trong suốt trên ảnh
Bạn đang sử dụng bất kỳ thư viện javascript/khuôn khổ, hay chỉ là vani JS? –
cho tôi JS là javascript thô. Vì vậy, tôi không sử dụng bất kỳ. – oneat