2b:null 2c:["$","title",null,{"children":"Images | Feng Yifei | Observable"}] 31:T762,viewof A = form(html``)32:[] 2f:{"id":"f8f19f8deb7c30db","slug":"images","title":"Images","thumbnail":"fb350a879b7d84366536982d62925919e388560b339ed9b7ed53b17d7f0edb93","access_level":"public","create_time":"$D2019-12-31T11:46:03.293Z","update_time":"$D2020-01-02T14:18:28.793Z","view_time":null,"first_public_time":"$D2020-01-01T04:46:13.387Z","fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"2a278c3908e45a90","login":"fengyfei","name":"Feng Yifei","avatar_url":"https://avatars-next.observableusercontent.com/c5b93e151f999a0d3ae3ddc3285ea44aaaaf234cd045885cc92d8c1d0a529148","tier":"starter_2024"},"version":139,"publish_version":139,"role":null,"authored":false,"authors":[{"type":"individual","id":"582cdf51952494b0","login":"fengyfei","name":"Feng Yifei","avatar_url":"https://avatars-next.observableusercontent.com/c5b93e151f999a0d3ae3ddc3285ea44aaaaf234cd045885cc92d8c1d0a529148","tier":null}],"members":[{"type":"individual","id":"582cdf51952494b0","login":"fengyfei","name":"Feng Yifei","avatar_url":"https://avatars-next.observableusercontent.com/c5b93e151f999a0d3ae3ddc3285ea44aaaaf234cd045885cc92d8c1d0a529148","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Images","cells":[{"id":0,"value":"md`# Images`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"md`\n## Canvas\n### Show\n- [Using Images](https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Using_images)\n- [drawImage](https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/drawImage)\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":108,"value":"md`\n## Kind\nAfter Upload your picture, please choose your image kind in case we know use RGB channel or RGBA channel.\n\n## Matrix\nThen you could configure the value of matrix which trans all the pixel's channel.\n\nThe example is eyes matrix which means that we default do nothing about your picture.\n\nthen you click start rendor to see what changed.\n\n**NOTICE: It may take 20 seconds to solve 1 mb picture.Try configure matrix fisrt before click start**\n`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":96,"value":"$31","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":17,"value":"html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"html` No Image

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":134,"value":"{\n b;\n return rendorTrans({ ispng: A.rgb });\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":133,"value":"viewof b = {\n const form = html`