У меня есть этот код. Я редактирую.Что он делает, так это обнаруживает все изображения на странице и размывает их.Но то, что я хочу сделать, это добавить собственный значок на каждое изображение.До сих пор я пробовал это image.style.backgroundimage и image.style.webkitMaskImage, но ничего не получалось.В проверке я вижу, что изображение обнаружено в CSS, но оно не появляется на изображениях.
(function() {
chrome.storage.sync.get(["blurOnDefault", "blurAmount"], function(values) {
window.imageBlurOpacityAmount = values.blurAmount || 6;
});
function blur(image) {
if (image.id != window.cloneImageId) {
const maskUrl = chrome.extension.getURL("assets/mask.png");
image.style.webkitMaskImage =
"url('" +
maskUrl +
"'), skyblue, linear-gradient(rgba(0, 0, 0, 1.0), transparent)";
}
}
function show(image) {
if (image.id != window.cloneImageId) {
image.style.filter = "opacity(1)";
}
}