{"id":5614,"date":"2025-09-16T11:45:08","date_gmt":"2025-09-16T14:45:08","guid":{"rendered":"https:\/\/matematicasaomiguel.com.br\/?page_id=5614"},"modified":"2025-09-28T16:32:07","modified_gmt":"2025-09-28T19:32:07","slug":"gabarito-modelo","status":"publish","type":"page","link":"https:\/\/matematicasaomiguel.com.br\/?page_id=5614","title":{"rendered":"Gabarito Modelo"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n Gabarito para Impress\u00e3o A4<\/title>\r\n <style>\r\n body {\r\n font-family: Arial, sans-serif;\r\n background: #f0f0f0;\r\n margin: 0;\r\n padding: 20px;\r\n text-align: center;\r\n }\r\n .controls {\r\n margin-bottom: 20px;\r\n }\r\n .a4-page {\r\n width: 595pt; \/* A4 largura *\/\r\n height: 842pt; \/* A4 altura *\/\r\n background: #fff;\r\n border: 2px solid #000;\r\n margin: 0 auto;\r\n padding: 20pt;\r\n box-sizing: border-box;\r\n position: relative;\r\n }\r\n .header {\r\n text-align: left;\r\n margin-bottom: 20px;\r\n }\r\n .logo-upload {\r\n margin: 10px 0;\r\n }\r\n .logo-preview {\r\n max-height: 60px;\r\n margin-top: 10px;\r\n display: none;\r\n }\r\n .header input {\r\n display: block;\r\n margin: 5px 0;\r\n width: 80%;\r\n padding: 7px;\r\n font-size: 11pt;\r\n }\r\n \r\n .gabarito {\r\n display: flex;\r\n gap: 40pt;\r\n justify-content: center;\r\n align-items: flex-start;\r\n }\r\n .column {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 6pt;\r\n position: relative;\r\n }\r\n \/* Quadrados pretos *\/\r\n .corner-square {\r\n width: 12pt;\r\n height: 12pt;\r\n background: #000;\r\n position: absolute;\r\n }\r\n .top-left { top: -12pt; left: -1pt; }\r\n .bottom-left { bottom: -15pt; left: -1pt; }\r\n .top-right { top: -12pt; right: -15pt; }\r\n .bottom-right { bottom: -15pt; right: -15pt; }\r\n\r\n .question-row {\r\n display: flex;\r\n align-items: center;\r\n gap: 6pt;\r\n }\r\n .question-label {\r\n font-weight: bold;\r\n width: 25pt;\r\n text-align: right;\r\n font-size: 9pt;\r\n }\r\n .options {\r\n display: flex;\r\n gap: 6pt;\r\n }\r\n .option {\r\n width: 10pt;\r\n height: 10pt;\r\n border: 1pt solid #000;\r\n border-radius: 50%;\r\n font-size: 6pt;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n .print-btn {\r\n margin-top: 20px;\r\n padding: 10px 20px;\r\n background: #007BFF;\r\n border: none;\r\n border-radius: 4px;\r\n color: #fff;\r\n font-size: 14pt;\r\n cursor: pointer;\r\n }\r\n .print-btn:hover {\r\n background: #0056b3;\r\n }\r\n\r\n @media print {\r\n .controls,\r\n .print-btn,\r\n .logo-upload { \r\n display: none !important; \r\n }\r\n\r\n body { background: #fff; padding: 0; }\r\n .a4-page { border: none; }\r\n \r\n \/* Garante que a logo carregada seja exibida no lugar correto *\/\r\n #logoPreview {\r\n display: block !important;\r\n max-height: 60px;\r\n position: absolute; \/* Posi\u00e7\u00e3o fixa no cabe\u00e7alho *\/\r\n top: 20pt;\r\n left: 20pt;\r\n }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n <div class=\"controls\">\r\n <label for=\"numQuestoes\">Quantidade de Quest\u00f5es:<\/label>\r\n <select id=\"numQuestoes\">\r\n <option value=\"10\">10<\/option>\r\n <option value=\"20\">20<\/option>\r\n <option value=\"30\">30<\/option>\r\n <\/select>\r\n <button onclick=\"generateGabarito()\">Gerar Gabarito<\/button>\r\n <\/div>\r\n\r\n <div class=\"logo-upload\">\r\n <label>Logo da Escola:<\/label>\r\n <input type=\"file\" accept=\"image\/*\" onchange=\"previewLogo(event)\">\r\n <\/div>\r\n\r\n <div class=\"a4-page\" id=\"a4Page\">\r\n <img id=\"logoPreview\" class=\"logo-preview\">\r\n\r\n <div class=\"header\">\r\n <input type=\"text\" placeholder=\"Nome da Escola\">\r\n <input type=\"text\" placeholder=\"Nome do Aluno(a)\">\r\n <input type=\"text\" placeholder=\"Nome do Professor(a)\">\r\n <\/div>\r\n <div class=\"gabarito\" id=\"gabarito\"><\/div>\r\n <\/div>\r\n\r\n <button class=\"print-btn\" onclick=\"generatePDF()\">Gerar PDF<\/button>\r\n\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/html2canvas\/1.4.1\/html2canvas.min.js\"><\/script>\r\n <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/jspdf\/2.5.1\/jspdf.umd.min.js\"><\/script>\r\n <script>\r\n function previewLogo(event) {\r\n const img = document.getElementById('logoPreview');\r\n img.src = URL.createObjectURL(event.target.files[0]);\r\n img.style.display = 'block';\r\n }\r\n\r\n function generateGabarito() {\r\n const num = parseInt(document.getElementById('numQuestoes').value);\r\n const gabaritoDiv = document.getElementById('gabarito');\r\n gabaritoDiv.innerHTML = '';\r\n\r\n let columns = 1;\r\n if (num === 20) columns = 2;\r\n if (num === 30) columns = 3;\r\n\r\n const perColumn = num \/ columns;\r\n\r\n for (let c = 0; c < columns; c++) {\r\n const col = document.createElement('div');\r\n col.className = 'column';\r\n\r\n const topLeft = document.createElement('div');\r\n topLeft.className = 'corner-square top-left';\r\n col.appendChild(topLeft);\r\n\r\n const topRight = document.createElement('div');\r\n topRight.className = 'corner-square top-right';\r\n col.appendChild(topRight);\r\n\r\n for (let i = 1; i <= perColumn; i++) {\r\n const qNum = i + c * perColumn;\r\n const row = document.createElement('div');\r\n row.className = 'question-row';\r\n\r\n const label = document.createElement('span');\r\n label.className = 'question-label';\r\n label.textContent = qNum;\r\n row.appendChild(label);\r\n\r\n const options = document.createElement('div');\r\n options.className = 'options';\r\n\r\n for (let j = 0; j < 5; j++) {\r\n const opt = document.createElement('div');\r\n opt.className = 'option';\r\n opt.textContent = String.fromCharCode(65 + j);\r\n options.appendChild(opt);\r\n }\r\n row.appendChild(options);\r\n col.appendChild(row);\r\n }\r\n\r\n const bottomLeft = document.createElement('div');\r\n bottomLeft.className = 'corner-square bottom-left';\r\n col.appendChild(bottomLeft);\r\n\r\n const bottomRight = document.createElement('div');\r\n bottomRight.className = 'corner-square bottom-right';\r\n col.appendChild(bottomRight);\r\n\r\n gabaritoDiv.appendChild(col);\r\n }\r\n }\r\n\r\n function generatePDF() {\r\n const { jsPDF } = window.jspdf;\r\n const doc = new jsPDF({\r\n orientation: 'portrait',\r\n unit: 'pt',\r\n format: 'a4'\r\n });\r\n\r\n const page = document.getElementById('a4Page');\r\n\r\n html2canvas(page, { scale: 2 }).then(canvas => {\r\n const imgData = canvas.toDataURL('image\/png');\r\n const imgWidth = 595;\r\n const imgHeight = (canvas.height * imgWidth) \/ canvas.width;\r\n doc.addImage(imgData, 'PNG', 0, 0, imgWidth, imgHeight);\r\n doc.save('gabarito.pdf');\r\n });\r\n }\r\n <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Gabarito para Impress\u00e3o A4 Quantidade de Quest\u00f5es: 102030 Gerar Gabarito Logo da Escola: Gerar PDF<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-5614","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5614"}],"version-history":[{"count":10,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5614\/revisions"}],"predecessor-version":[{"id":5816,"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=\/wp\/v2\/pages\/5614\/revisions\/5816"}],"wp:attachment":[{"href":"https:\/\/matematicasaomiguel.com.br\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}