2d:null 2e:["$","title",null,{"children":"Chép Ảnh bằng Trí Tuệ Nhân Tạo | cadasa | Observable"}] 33:[] 31:{"id":"9e113e0075aee3b3","slug":"chep-anh-bang-tri-tue-nhan-tao","title":"Chép Ảnh bằng Trí Tuệ Nhân Tạo","thumbnail":"f0c17b01f4d72aeee9d27fe7db593e82190623ef2cc18b3852e58a3ad4b4f7f1","access_level":"public","create_time":"$D2021-07-15T16:50:08.195Z","update_time":"$D2021-07-23T10:47:18.202Z","view_time":null,"first_public_time":"$D2021-07-15T17:11:53.092Z","has_unpublished_edits":null,"fork":{"id":"125f0d23803a33ad","slug":"cartoonize-with-tensorflow-lite-wip","title":"Cartoonize with TensorFlow Lite","owner":{"id":"af142d61d1f72c32","login":"chriszs","name":"Chris Zubak-Skees"}},"stars":0,"starred":false,"owner":{"type":"team","id":"f2c21786e0c9f50c","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":"starter_2024"},"version":165,"publish_version":165,"role":null,"authored":false,"authors":[{"type":"individual","id":"d335f8179e5150bf","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":null}],"members":[{"type":"individual","id":"d335f8179e5150bf","login":"cadasa","name":"","avatar_url":"https://avatars-next.observableusercontent.com/ab674faa5225df87e3b6d0c39c11f8240464927b74871667227ac0f6e47fda2b","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"Chép Ảnh bằng Trí Tuệ Nhân Tạo","cells":[{"id":0,"value":"viewof title = md`# Chép Ảnh bằng Trí Tuệ Nhân Tạo`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":111,"value":"Reproduces a [TFJS-TFLite demo](https://codepen.io/jinjingforever/pen/xxgWRaE) in Observable.","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":52,"value":"viewof imageUrl = Inputs.text({\n value:\n \"https://cadasa.github.io/kjerag.jpg\"\n})","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":119,"value":"dashboard = html` \n \n \n \n \n

\n ${img}\n

\n ${img2}\n

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":49,"value":"img = {\n return new Promise((resolve) => {\n const img = new Image();\n img.width = 224;\n img.height = 224;\n img.onload = () => resolve(img);\n img.crossOrigin = \"anonymous\";\n img.src = imageUrl;\n });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":48,"value":"img2 = {\n // Prepare the input tensors from the image.\n const inputTensor = tf.sub(\n tf.div(\n tf.expandDims(\n tf.image\n // Resize.\n .resizeBilinear(tf.browser.fromPixels(img), [224, 224])\n ),\n 127.5\n ),\n 1\n );\n\n // Run the inference and get the output tensors.\n const outputTensor = tfliteModel.predict(inputTensor);\n\n // Process and draw the result on the canvas.\n //\n // De-normalize.\n const data = tf.mul(tf.add(outputTensor, 1), 127.5);\n // Convert from RGB to RGBA, and create and return ImageData.\n const rgb = Array.from(data.dataSync());\n const rgba = [];\n for (let i = 0; i < rgb.length / 3; i++) {\n for (let c = 0; c < 3; c++) {\n rgba.push(rgb[i * 3 + c]);\n }\n rgba.push(255);\n }\n // Draw on canvas.\n const imageData = new ImageData(Uint8ClampedArray.from(rgba), 224, 224);\n\n const ctx = DOM.context2d(224, 224, 1);\n\n ctx.putImageData(imageData, 0, 0);\n\n return ctx.canvas;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":19,"value":"tf = {\n await import(\"https://cdn.skypack.dev/@tensorflow/tfjs-backend-cpu\");\n\n return await import(\"https://cdn.skypack.dev/@tensorflow/tfjs-core\");\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":2,"value":"tflite = {\n const tflite = await import(\n \"https://cdn.skypack.dev/@tensorflow/tfjs-tflite\"\n );\n\n tflite.setWasmPath(\n \"https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-tflite@0.0.1-alpha.4/dist/\"\n );\n\n return tflite;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"tfliteModel = tflite.loadTFLiteModel(\n \"https://storage.googleapis.com/tfweb/models/cartoongan_fp16.tflite\"\n)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"