Как добавить изображение в расширение Google Chrome - PullRequest
0 голосов
/ 24 сентября 2019

У меня есть этот код. Я редактирую.Что он делает, так это обнаруживает все изображения на странице и размывает их.Но то, что я хочу сделать, это добавить собственный значок на каждое изображение.До сих пор я пробовал это 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)";
    }
  }
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...