{"id":182,"date":"2025-09-16T17:16:14","date_gmt":"2025-09-16T17:16:14","guid":{"rendered":"https:\/\/lifeinsurancelife.club\/?p=182"},"modified":"2025-09-16T19:02:53","modified_gmt":"2025-09-16T19:02:53","slug":"editor-con-difuminado","status":"publish","type":"post","link":"https:\/\/lifeinsurancelife.club\/?p=182","title":{"rendered":"Editor con Difuminado"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"es\">\n<head>\n  <meta charset=\"UTF-8\">\n  <title>Editor con Difuminado<\/title>\n  <style>\n    body {\n      font-family: Arial, sans-serif;\n      text-align: center;\n      padding: 20px;\n    }\n    #canvas {\n      border: 2px solid #444;\n      cursor: crosshair;\n      margin-top: 20px;\n      max-width: 100%;\n    }\n    #controls {\n      margin-bottom: 20px;\n    }\n    button {\n      margin: 10px;\n      padding: 10px 20px;\n      font-size: 16px;\n      cursor: pointer;\n      border-radius: 6px;\n      border: none;\n      background: #444;\n      color: #fff;\n    }\n    button:hover {\n      background: #666;\n    }\n    .active {\n      background: #008CBA !important;\n    }\n  <\/style>\n<\/head>\n<body>\n  <h2>Sube tu imagen y difumina zonas<\/h2>\n  \n  <div id=\"controls\">\n    <input type=\"file\" id=\"upload\" accept=\"image\/*\">\n    <label for=\"blurSize\">Tama\u00f1o de pincel:<\/label>\n    <input type=\"range\" id=\"blurSize\" min=\"10\" max=\"100\" value=\"30\">\n    <br>\n    <button id=\"blurModeBtn\" class=\"active\">Modo Difuminar<\/button>\n    <button id=\"eraseModeBtn\">Modo Borrar Difuminado<\/button>\n    <br>\n    <button id=\"downloadBtn\">Descargar imagen<\/button>\n    <button id=\"deleteBtn\">Borrar imagen<\/button>\n  <\/div>\n\n  <canvas id=\"canvas\"><\/canvas>\n\n  <script>\n    const canvas = document.getElementById(\"canvas\");\n    const ctx = canvas.getContext(\"2d\");\n    const upload = document.getElementById(\"upload\");\n    const blurSizeInput = document.getElementById(\"blurSize\");\n    const downloadBtn = document.getElementById(\"downloadBtn\");\n    const deleteBtn = document.getElementById(\"deleteBtn\");\n    const blurModeBtn = document.getElementById(\"blurModeBtn\");\n    const eraseModeBtn = document.getElementById(\"eraseModeBtn\");\n\n    let image = new Image();\n    let isDrawing = false;\n    let blurSize = 30;\n    let mode = \"blur\"; \/\/ \"blur\" o \"erase\"\n\n    \/\/ Subir imagen\n    upload.addEventListener(\"change\", (e) => {\n      const file = e.target.files[0];\n      if (!file) return;\n      const reader = new FileReader();\n      reader.onload = function(event) {\n        image.onload = function() {\n          canvas.width = image.width;\n          canvas.height = image.height;\n          ctx.drawImage(image, 0, 0);\n        };\n        image.src = event.target.result;\n      };\n      reader.readAsDataURL(file);\n    });\n\n    \/\/ Ajustar tama\u00f1o del pincel\n    blurSizeInput.addEventListener(\"input\", (e) => {\n      blurSize = e.target.value;\n    });\n\n    \/\/ Cambiar modo difuminar\n    blurModeBtn.addEventListener(\"click\", () => {\n      mode = \"blur\";\n      blurModeBtn.classList.add(\"active\");\n      eraseModeBtn.classList.remove(\"active\");\n    });\n\n    \/\/ Cambiar modo borrar difuminado\n    eraseModeBtn.addEventListener(\"click\", () => {\n      mode = \"erase\";\n      eraseModeBtn.classList.add(\"active\");\n      blurModeBtn.classList.remove(\"active\");\n    });\n\n    \/\/ Dibujar con difuminado o restaurar original\n    canvas.addEventListener(\"mousedown\", () => {\n      isDrawing = true;\n    });\n\n    canvas.addEventListener(\"mouseup\", () => {\n      isDrawing = false;\n    });\n\n    canvas.addEventListener(\"mousemove\", (e) => {\n      if (!isDrawing) return;\n\n      const rect = canvas.getBoundingClientRect();\n      const x = e.clientX - rect.left;\n      const y = e.clientY - rect.top;\n\n      if (mode === \"blur\") {\n        ctx.save();\n        ctx.filter = `blur(15px)`;\n        ctx.globalCompositeOperation = \"source-over\";\n        ctx.drawImage(\n          image,\n          x - blurSize, y - blurSize, blurSize * 2, blurSize * 2,\n          x - blurSize, y - blurSize, blurSize * 2, blurSize * 2\n        );\n        ctx.restore();\n      } else if (mode === \"erase\") {\n        ctx.save();\n        ctx.filter = \"none\";\n        ctx.globalCompositeOperation = \"source-over\";\n        ctx.drawImage(\n          image,\n          x - blurSize, y - blurSize, blurSize * 2, blurSize * 2,\n          x - blurSize, y - blurSize, blurSize * 2, blurSize * 2\n        );\n        ctx.restore();\n      }\n    });\n\n    \/\/ Descargar la imagen modificada\n    downloadBtn.addEventListener(\"click\", () => {\n      const link = document.createElement(\"a\");\n      link.download = \"imagen-editada.png\";\n      link.href = canvas.toDataURL(\"image\/png\");\n      link.click();\n    });\n\n    \/\/ Borrar imagen y limpiar todo\n    deleteBtn.addEventListener(\"click\", () => {\n      ctx.clearRect(0, 0, canvas.width, canvas.height);\n      canvas.width = 0;\n      canvas.height = 0;\n      upload.value = \"\";\n      image = new Image();\n      alert(\"Imagen borrada del editor \u2705\");\n    });\n  <\/script>\n<\/body>\n<\/html>\n\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"footnotes":""},"categories":[1],"tags":[],"class_list":["post-182","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 5.0.4 - aioseo.com -->\n\t<meta name=\"description\" content=\"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"trafico\"\/>\n\t<link rel=\"canonical\" href=\"https:\/\/lifeinsurancelife.club\/?p=182\" \/>\n\t\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 5.0.4\" \/>\n\t\t<meta property=\"og:locale\" content=\"es_ES\" \/>\n\t\t<meta property=\"og:site_name\" content=\"My Blog - My WordPress Blog\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Editor con Difuminado - My Blog\" \/>\n\t\t<meta property=\"og:description\" content=\"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/lifeinsurancelife.club\/?p=182\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2025-09-16T17:16:14+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2025-09-16T19:02:53+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Editor con Difuminado - My Blog\" \/>\n\t\t<meta name=\"twitter:description\" content=\"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BlogPosting\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#blogposting\",\"name\":\"Editor con Difuminado - My Blog\",\"headline\":\"Editor con Difuminado\",\"author\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?author=1#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#organization\"},\"datePublished\":\"2025-09-16T17:16:14+00:00\",\"dateModified\":\"2025-09-16T19:02:53+00:00\",\"inLanguage\":\"es-ES\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#webpage\"},\"articleSection\":\"Uncategorized\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#listItem\",\"position\":1,\"name\":\"Hogar\",\"item\":\"https:\\\/\\\/lifeinsurancelife.club\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?cat=1#listItem\",\"name\":\"Uncategorized\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?cat=1#listItem\",\"position\":2,\"name\":\"Uncategorized\",\"item\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?cat=1\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#listItem\",\"name\":\"Editor con Difuminado\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#listItem\",\"name\":\"Hogar\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#listItem\",\"position\":3,\"name\":\"Editor con Difuminado\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?cat=1#listItem\",\"name\":\"Uncategorized\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#organization\",\"name\":\"My Blog\",\"description\":\"My WordPress Blog\",\"url\":\"https:\\\/\\\/lifeinsurancelife.club\\\/\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?author=1#author\",\"url\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?author=1\",\"name\":\"trafico\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/f33500aa60ac21bb31c28ea4d9ee86f535414ec83243e8c2c11d8f86bfba8287?s=96&d=mm&r=g\",\"width\":96,\"height\":96,\"caption\":\"trafico\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#webpage\",\"url\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182\",\"name\":\"Editor con Difuminado - My Blog\",\"description\":\"Editor con Difuminado Sube tu imagen y difumina zonas Tama\\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen\",\"inLanguage\":\"es-ES\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?p=182#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?author=1#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/?author=1#author\"},\"datePublished\":\"2025-09-16T17:16:14+00:00\",\"dateModified\":\"2025-09-16T19:02:53+00:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#website\",\"url\":\"https:\\\/\\\/lifeinsurancelife.club\\\/\",\"name\":\"My Blog\",\"description\":\"My WordPress Blog\",\"inLanguage\":\"es-ES\",\"publisher\":{\"@id\":\"https:\\\/\\\/lifeinsurancelife.club\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Editor con Difuminado - My Blog","description":"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen","canonical_url":"https:\/\/lifeinsurancelife.club\/?p=182","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BlogPosting","@id":"https:\/\/lifeinsurancelife.club\/?p=182#blogposting","name":"Editor con Difuminado - My Blog","headline":"Editor con Difuminado","author":{"@id":"https:\/\/lifeinsurancelife.club\/?author=1#author"},"publisher":{"@id":"https:\/\/lifeinsurancelife.club\/#organization"},"datePublished":"2025-09-16T17:16:14+00:00","dateModified":"2025-09-16T19:02:53+00:00","inLanguage":"es-ES","mainEntityOfPage":{"@id":"https:\/\/lifeinsurancelife.club\/?p=182#webpage"},"isPartOf":{"@id":"https:\/\/lifeinsurancelife.club\/?p=182#webpage"},"articleSection":"Uncategorized"},{"@type":"BreadcrumbList","@id":"https:\/\/lifeinsurancelife.club\/?p=182#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/#listItem","position":1,"name":"Hogar","item":"https:\/\/lifeinsurancelife.club\/","nextItem":{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/?cat=1#listItem","name":"Uncategorized"}},{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/?cat=1#listItem","position":2,"name":"Uncategorized","item":"https:\/\/lifeinsurancelife.club\/?cat=1","nextItem":{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/?p=182#listItem","name":"Editor con Difuminado"},"previousItem":{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/#listItem","name":"Hogar"}},{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/?p=182#listItem","position":3,"name":"Editor con Difuminado","previousItem":{"@type":"ListItem","@id":"https:\/\/lifeinsurancelife.club\/?cat=1#listItem","name":"Uncategorized"}}]},{"@type":"Organization","@id":"https:\/\/lifeinsurancelife.club\/#organization","name":"My Blog","description":"My WordPress Blog","url":"https:\/\/lifeinsurancelife.club\/"},{"@type":"Person","@id":"https:\/\/lifeinsurancelife.club\/?author=1#author","url":"https:\/\/lifeinsurancelife.club\/?author=1","name":"trafico","image":{"@type":"ImageObject","@id":"https:\/\/lifeinsurancelife.club\/?p=182#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/f33500aa60ac21bb31c28ea4d9ee86f535414ec83243e8c2c11d8f86bfba8287?s=96&d=mm&r=g","width":96,"height":96,"caption":"trafico"}},{"@type":"WebPage","@id":"https:\/\/lifeinsurancelife.club\/?p=182#webpage","url":"https:\/\/lifeinsurancelife.club\/?p=182","name":"Editor con Difuminado - My Blog","description":"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen","inLanguage":"es-ES","isPartOf":{"@id":"https:\/\/lifeinsurancelife.club\/#website"},"breadcrumb":{"@id":"https:\/\/lifeinsurancelife.club\/?p=182#breadcrumblist"},"author":{"@id":"https:\/\/lifeinsurancelife.club\/?author=1#author"},"creator":{"@id":"https:\/\/lifeinsurancelife.club\/?author=1#author"},"datePublished":"2025-09-16T17:16:14+00:00","dateModified":"2025-09-16T19:02:53+00:00"},{"@type":"WebSite","@id":"https:\/\/lifeinsurancelife.club\/#website","url":"https:\/\/lifeinsurancelife.club\/","name":"My Blog","description":"My WordPress Blog","inLanguage":"es-ES","publisher":{"@id":"https:\/\/lifeinsurancelife.club\/#organization"}}]},"og:locale":"es_ES","og:site_name":"My Blog - My WordPress Blog","og:type":"article","og:title":"Editor con Difuminado - My Blog","og:description":"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen","og:url":"https:\/\/lifeinsurancelife.club\/?p=182","article:published_time":"2025-09-16T17:16:14+00:00","article:modified_time":"2025-09-16T19:02:53+00:00","twitter:card":"summary_large_image","twitter:title":"Editor con Difuminado - My Blog","twitter:description":"Editor con Difuminado Sube tu imagen y difumina zonas Tama\u00f1o de pincel: Modo Difuminar Modo Borrar Difuminado Descargar imagen Borrar imagen"},"aioseo_meta_data":{"post_id":"182","title":null,"description":null,"keywords":null,"keyphrases":{"focus":{"keyphrase":"","score":0,"analysis":{"keyphraseInTitle":{"score":0,"maxScore":9,"error":1}}},"additional":[]},"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":"","og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"BlogPosting","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":"-1","robots_max_videopreview":"-1","robots_max_imagepreview":"large","priority":null,"frequency":"default","local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2025-09-16 17:16:15","updated":"2025-09-17 13:52:53","seo_analyzer_scan_date":null,"focus_keyword":null,"additional_keywords":null,"truseo_locale":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/lifeinsurancelife.club\/\" title=\"Hogar\">Hogar<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/lifeinsurancelife.club\/?cat=1\" title=\"Uncategorized\">Uncategorized<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">\u00bb<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tEditor con Difuminado\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Hogar","link":"https:\/\/lifeinsurancelife.club\/"},{"label":"Uncategorized","link":"https:\/\/lifeinsurancelife.club\/?cat=1"},{"label":"Editor con Difuminado","link":"https:\/\/lifeinsurancelife.club\/?p=182"}],"_links":{"self":[{"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/posts\/182","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=182"}],"version-history":[{"count":5,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/posts\/182\/revisions"}],"predecessor-version":[{"id":188,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=\/wp\/v2\/posts\/182\/revisions\/188"}],"wp:attachment":[{"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=182"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=182"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lifeinsurancelife.club\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=182"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}