{"product_id":"acrylglas-aufsteller-bedruckt","title":"Acrylglas Aufsteller nach Maß bedruckt","description":"\u003cstyle\u003e\n.vis-template-box {\n  padding: 18px;\n  border: 1px solid #e5e5e5;\n  border-radius: 12px;\n  background: #fafafa;\n}\n\n.vis-template-grid {\n  display: flex;\n  flex-wrap: wrap;\n  gap: 16px;\n  margin-bottom: 1rem;\n}\n\n.vis-template-field {\n  flex: 1;\n  min-width: 130px;\n}\n\n.vis-template-input {\n  width: 100%;\n  background: #f2f2f2;\n  border: 1px solid #ddd;\n  border-radius: 8px;\n  padding: 10px;\n}\n\n.vis-template-button {\n  background: linear-gradient(90deg, #ff5a00, #e6007e);\n  color: #fff;\n  border: none;\n  border-radius: 999px;\n  padding: 13px 26px;\n  font-weight: 700;\n  cursor: pointer;\n}\n\u003c\/style\u003e\n\u003cdetails open=\"\" class=\"cc-accordion-item\"\u003e\n\u003csummary class=\"cc-accordion-item__title\" style=\"margin: 0; padding: 0.75rem 0;\"\u003e\n\u003ch3 style=\"margin: 0; font-size: 1.25rem;\"\u003ePDF-Vorlage erstellen\u003c\/h3\u003e\n\u003c\/summary\u003e\n\u003cdiv class=\"cc-accordion-item__panel\"\u003e\n\u003cdiv class=\"vis-template-box\"\u003e\n\u003cdiv class=\"vis-template-grid\"\u003e\n\u003cdiv class=\"vis-template-field\"\u003e\n\u003clabel\u003eZuschnittsform\u003c\/label\u003e\u003cselect id=\"shapeAcryl\" class=\"vis-template-input\"\u003e\n\u003coption value=\"rect\"\u003eRechteckig\u003c\/option\u003e\n\u003coption value=\"rounded\"\u003eRechteck mit Bohrungen\u003c\/option\u003e\n\u003coption value=\"circle\"\u003eRund\u003c\/option\u003e\n\u003c\/select\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vis-template-field\"\u003e\n\u003clabel\u003eBreite \/ Ø (mm)\u003c\/label\u003e \u003cinput id=\"widthAcryl\" class=\"vis-template-input\" type=\"number\" value=\"0\" min=\"0\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vis-template-field\" id=\"heightField\"\u003e\n\u003clabel\u003eHöhe (mm)\u003c\/label\u003e \u003cinput id=\"heightAcryl\" class=\"vis-template-input\" type=\"number\" value=\"0\" min=\"0\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vis-template-field\" id=\"radiusField\"\u003e\n\u003clabel\u003eEckenradius (mm)\u003c\/label\u003e \u003cinput id=\"cornerRadius\" class=\"vis-template-input\" type=\"number\" value=\"0\" min=\"0\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv style=\"margin-bottom: 1rem;\"\u003e\n\u003clabel style=\"font-weight: bold;\"\u003e \u003cinput id=\"drillingAcryl\" type=\"checkbox\"\u003e Eck-Bohrungen einzeichnen \u003c\/label\u003e\n\u003cdiv id=\"drillOptions\" style=\"display: none; margin-top: 12px;\" class=\"vis-template-grid\"\u003e\n\u003cdiv class=\"vis-template-field\"\u003e\n\u003clabel\u003eBohrdurchmesser (mm)\u003c\/label\u003e \u003cinput id=\"drillDiameter\" class=\"vis-template-input\" type=\"number\" value=\"0\" min=\"0\"\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"vis-template-field\"\u003e\n\u003clabel\u003eAbstand bis Lochmitte (mm)\u003c\/label\u003e \u003cinput id=\"drillOffset\" class=\"vis-template-input\" type=\"number\" value=\"0\" min=\"0\"\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cbutton id=\"pdfDownloadAcryl\" class=\"vis-template-button\"\u003e PDF-Vorlage herunterladen \u003c\/button\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/details\u003e\n\u003cp\u003e\u003cscript src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"\u003e\u003c\/script\u003e \u003cscript\u003e\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n\n  const $ = id =\u003e document.getElementById(id);\n\n  function updateFields() {\n\n    const shape = $(\"shapeAcryl\").value;\n\n    $(\"heightField\").style.display =\n      shape === \"circle\" ? \"none\" : \"block\";\n\n    $(\"radiusField\").style.display =\n      shape === \"rounded\" ? \"block\" : \"none\";\n  }\n\n  $(\"shapeAcryl\").addEventListener(\"change\", updateFields);\n  updateFields();\n\n  $(\"drillingAcryl\").addEventListener(\"change\", function () {\n\n    $(\"drillOptions\").style.display =\n      this.checked ? \"flex\" : \"none\";\n\n  });\n\n  \/\/ Radius automatisch übernehmen\n  $(\"cornerRadius\").addEventListener(\"input\", function () {\n\n    const shape = $(\"shapeAcryl\").value;\n    const radius = parseFloat(this.value) || 0;\n\n    if (shape === \"rounded\" \u0026\u0026 radius \u003e 0) {\n      $(\"drillOffset\").value = radius;\n    }\n\n  });\n\n  \/\/ Exakter Radius mit Bézierkurven\n  function drawExactRoundedRect(pdf, x, y, w, h, r) {\n\n    r = Math.min(r, w \/ 2, h \/ 2);\n\n    const c = r * 0.5522847498;\n\n    pdf.lines(\n      [\n        [w - 2 * r, 0],\n\n        [c, 0, r, r - c, r, r],\n\n        [0, h - 2 * r],\n\n        [0, c, -r + c, r, -r, r],\n\n        [-(w - 2 * r), 0],\n\n        [-c, 0, -r, -r + c, -r, -r],\n\n        [0, -(h - 2 * r)],\n\n        [0, -c, r - c, -r, r, -r]\n      ],\n      x + r,\n      y,\n      [1, 1],\n      \"S\",\n      true\n    );\n  }\n\n  $(\"pdfDownloadAcryl\").addEventListener(\"click\", function () {\n\n    const shape = $(\"shapeAcryl\").value;\n\n    const width =\n      parseFloat($(\"widthAcryl\").value) || 0;\n\n    const height =\n      shape === \"circle\"\n        ? width\n        : parseFloat($(\"heightAcryl\").value) || 0;\n\n    const radius =\n      parseFloat($(\"cornerRadius\").value) || 0;\n\n    const drilling =\n      $(\"drillingAcryl\").checked;\n\n    const diameter =\n      parseFloat($(\"drillDiameter\").value) || 0;\n\n    const offset =\n      parseFloat($(\"drillOffset\").value) || 0;\n\n    if (width \u003c= 0 || height \u003c= 0) {\n\n      alert(\"Bitte gültige Maße eingeben.\");\n      return;\n\n    }\n\n    const bleed = 3;\n\n    const pageW = width + bleed * 2;\n    const pageH = height + bleed * 2;\n\n    const { jsPDF } = window.jspdf;\n\n    const pdf = new jsPDF({\n      orientation:\n        pageW \u003e pageH ? \"landscape\" : \"portrait\",\n      unit: \"mm\",\n      format: [pageW, pageH]\n    });\n\n    \/\/ ROT: Beschnitt\n    pdf.setDrawColor(255, 0, 0);\n    pdf.setLineWidth(0.25);\n    pdf.setLineDashPattern([2, 2], 0);\n\n    if (shape === \"circle\") {\n\n      pdf.circle(\n        pageW \/ 2,\n        pageH \/ 2,\n        (width \/ 2) + bleed\n      );\n\n    } else {\n\n      pdf.rect(\n        0,\n        0,\n        pageW,\n        pageH\n      );\n\n    }\n\n    \/\/ GRÜN: Endformat\n    pdf.setLineDashPattern([], 0);\n    pdf.setDrawColor(0, 150, 0);\n    pdf.setLineWidth(0.45);\n\n    if (shape === \"circle\") {\n\n      pdf.circle(\n        pageW \/ 2,\n        pageH \/ 2,\n        width \/ 2\n      );\n\n    } else if (shape === \"rounded\") {\n\n      drawExactRoundedRect(\n        pdf,\n        bleed,\n        bleed,\n        width,\n        height,\n        radius\n      );\n\n    } else {\n\n      pdf.rect(\n        bleed,\n        bleed,\n        width,\n        height\n      );\n\n    }\n\n    \/\/ BLAU: Bohrungen\n    if (drilling \u0026\u0026 diameter \u003e 0 \u0026\u0026 offset \u003e 0) {\n\n      pdf.setDrawColor(0, 0, 255);\n      pdf.setLineWidth(0.35);\n\n      const r = diameter \/ 2;\n\n      if (shape === \"circle\") {\n\n        const centerX = pageW \/ 2;\n        const centerY = pageH \/ 2;\n\n        const holeRadius =\n          (width \/ 2) - offset;\n\n        [45, 135, 225, 315].forEach(deg =\u003e {\n\n          const rad =\n            deg * Math.PI \/ 180;\n\n          const x =\n            centerX +\n            Math.cos(rad) * holeRadius;\n\n          const y =\n            centerY +\n            Math.sin(rad) * holeRadius;\n\n          pdf.circle(x, y, r);\n\n        });\n\n      } else {\n\n        const xs = [\n          bleed + offset,\n          bleed + width - offset\n        ];\n\n        const ys = [\n          bleed + offset,\n          bleed + height - offset\n        ];\n\n        xs.forEach(x =\u003e {\n\n          ys.forEach(y =\u003e {\n\n            pdf.circle(x, y, r);\n\n          });\n\n        });\n\n      }\n    }\n\n    \/\/ Format mittig\n    pdf.setTextColor(40, 40, 40);\n    pdf.setFontSize(18);\n    pdf.setFont(undefined, \"bold\");\n\n    const formatText =\n      shape === \"circle\"\n        ? \"Ø \" + width + \" mm\"\n        : width + \" x \" + height + \" mm\";\n\n    pdf.text(\n      formatText,\n      pageW \/ 2,\n      pageH \/ 2,\n      {\n        align: \"center\",\n        baseline: \"middle\"\n      }\n    );\n\n    \/\/ Legende mittig\n    pdf.setFontSize(10);\n    pdf.setFont(undefined, \"bold\");\n\n    const legendY = pageH - 5;\n\n    pdf.setTextColor(255, 0, 0);\n    pdf.text(\n      \"ROT: Beschnitt\",\n      pageW \/ 2 - 52,\n      legendY\n    );\n\n    pdf.setTextColor(0, 150, 0);\n    pdf.text(\n      \"GRUEN: Endformat\",\n      pageW \/ 2 - 2,\n      legendY\n    );\n\n    pdf.setTextColor(0, 0, 255);\n    pdf.text(\n      \"BLAU: Bohrungen\",\n      pageW \/ 2 + 55,\n      legendY\n    );\n\n    const fileName =\n      shape === \"circle\"\n        ? \"Vorlage_Kreis_\" +\n          Math.round(width) +\n          \"mm.pdf\"\n        : \"Vorlage_\" +\n          Math.round(width) +\n          \"x\" +\n          Math.round(height) +\n          \"mm.pdf\";\n\n    pdf.save(fileName);\n\n  });\n\n});\n\u003c\/script\u003e\u003c\/p\u003e\n\u003ch2\u003eL-Aufsteller und Aufsteller mit Standfuß aus Acryl nach Maß – bedruckt für Tisch \u0026amp; Counter\u003c\/h2\u003e\n\u003cp\u003eUnsere Acrylglas-Schilder und Displays werden im hochwertigen UV-Direktdruck produziert und individuell nach Ihren Vorgaben gefertigt. Ob transparente Effekte, Weißdruck, Konturfräsung, Bohrungen oder gebogene Aufsteller – gestalten Sie Ihr Acrylglasprodukt flexibel nach Wunsch. Dank moderner Zündfräsen-, Laser- und UV-Drucktechnik realisieren wir sowohl klassische Schilder als auch kreative Sonderformen für Werbung, Messebau und Innenraumgestaltung.\u003c\/p\u003e\n\u003cul\u003e\n\u003cli\u003eEmpfehlung: 5–10 mm Sicherheitsabstand zur Unterkante einhalten\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"VIS24","offers":[{"title":"Standard","offer_id":57102250901769,"sku":null,"price":0.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0516\/7949\/4302\/files\/acrylglas-aufsteller-nach-mass-bedruckt-6088550.jpg?v=1780314687","url":"https:\/\/vis24.de\/products\/acrylglas-aufsteller-bedruckt","provider":"VIS24","version":"1.0","type":"link"}