javascript - Chrome 扩展程序可在运行时从网站模糊图像

标签 javascript google-chrome-extension

我正在创建一个 Chrome 扩展来模糊特定类别的图像。我有图像的 URL。如何在运行时模糊网站中的图像?

async function loadmodel(image){
console.log(image)
const handler = '/models/model.json';
let model;
model=await tf.loadLayersModel(handler);
const prediction = model.predict(image).dataSync()[0];
console.log(prediction);
if(prediction>=0.5) {
}};

这是一个主要函数,如果预测值大于 0.5,则该图像需要模糊。“image”变量具有 url。

最佳答案

您可以使用 content script修改DOM中图像的样式属性并添加filter:blur(5px);(不一定是5px,根据您的需要调整)

关于javascript - Chrome 扩展程序可在运行时从网站模糊图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/61007080/

相关文章:

Javascript用子字符串搜索匹配两个数组

javascript - Chrome 扩展程序 : sendResponse returning empty object

javascript - Chrome 扩展程序如何将许多文件保存到用户指定的目录?

javascript - 一次提交两个 HTML 表单,一个在当前窗口,一个在新窗口

javascript - 如何为 Algoexpert.io 的 Non-Constructible Change 挑战设计这种解决方案

javascript - 360 度图像旋转指示器

javascript - 在 Chrome 扩展程序中动态部署内容脚本

javascript - 通过javascript代码将图像插入数据库

javascript - Google Chrome Extension - content_scripts 与 background_page js 文件通信

c++ - 无法使用 native 消息接收 10 字节的消息