30:[] 2e:{"title":"Làm rõ ảnh bằng Trí Tuệ Nhân Tạo","cells":[{"id":228,"value":"viewof title = md`# Làm rõ ảnh bằng Trí Tuệ Nhân Tạo`","pinned":false,"hidden":false,"mode":"ojs"},{"id":192,"value":"viewof file = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":223,"value":"dashboard = html` \n \n \n \n \n

\n ${inputCanvas}\n

\n ${output}\n

`","pinned":false,"hidden":false,"mode":"ojs"},{"id":23,"value":"output = {\n //replay;\n let canvas = inputCanvas;\n const blurFilter = ``;\n const sharpenFilter = ``;\n\n for (let i = 0; i < 50; i += 1) {\n canvas = await applyFilter(canvas, blurFilter);\n yield canvas;\n canvas = await applyFilter(canvas, sharpenFilter);\n yield canvas;\n }\n let canvas2 = inputCanvas;\n canvas = await applyFilter(canvas2, sharpenFilter);\n yield canvas;\n //}\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"inputCanvas = {\n return new Promise(resolve => {\n const image = new Image();\n image.onload = () => {\n const context = DOM.context2d(size, size, 1);\n context.drawImage(image, 0, 0, size, size);\n resolve(context.canvas);\n };\n image.crossOrigin = 'anonymous';\n image.src = src;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":138,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs"},{"id":198,"value":"src=URL.createObjectURL(file)","pinned":false,"hidden":false,"mode":"ojs"},{"id":5,"value":"size = Math.min(width, 400)","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"blurStdDeviation = {\n // It looks like the stdDeviation attribute of \n // is not interpreted consistently across browsers.\n // => Use a browser-specific value\n if (/firefox/i.test(navigator.userAgent)) {\n return 0.5;\n }\n return 0.7;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":144,"value":"function applyFilter(input, filter) {\n return svgToCanvas(svg`\n `);\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":29,"value":"function svgToCanvas(svg) {\n return new Promise(resolve => {\n const serializer = new XMLSerializer();\n const svgString = serializer.serializeToString(svg);\n const image = new Image();\n image.onload = () => {\n const context = DOM.context2d(size, size, 1);\n context.drawImage(image, 0, 0);\n resolve(context.canvas);\n };\n image.src = `data:image/svg+xml;base64,${btoa(svgString)}`;\n });\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}