{"id":7,"date":"2026-02-28T13:23:35","date_gmt":"2026-02-28T13:23:35","guid":{"rendered":"https:\/\/praamstra.eu\/?page_id=7"},"modified":"2026-02-28T13:27:57","modified_gmt":"2026-02-28T13:27:57","slug":"folkert-avatar-lab","status":"publish","type":"page","link":"https:\/\/praamstra.eu\/index.php\/folkert-avatar-lab\/","title":{"rendered":"Folkert Avatar Lab"},"content":{"rendered":"\n<canvas id=\"canvas\" width=\"600\" height=\"800\"><\/canvas>\n\n<button onclick=\"addGlasses()\">Glasses<\/button>\n<button onclick=\"addMustache()\">Mustache<\/button>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/fabric.js\/5.3.1\/fabric.min.js\"><\/script>\n\n<script>\nconst canvas = new fabric.Canvas('canvas');\n\nfabric.Image.fromURL('\/wp-content\/uploads\/2026\/02\/Folkert.jpg', function(img) {\n    img.selectable = false;\n    canvas.setBackgroundImage(img, canvas.renderAll.bind(canvas), {\n        scaleX: canvas.width \/ img.width,\n        scaleY: canvas.height \/ img.height\n    });\n});\n\nfunction addGlasses() {\n    fabric.Image.fromURL('\/wp-content\/uploads\/glasses.png', function(img) {\n        img.left = 200;\n        img.top = 250;\n        img.scale(0.5);\n        canvas.add(img);\n    });\n}\n\nfunction addMustache() {\n    fabric.Image.fromURL('\/wp-content\/uploads\/mustache.png', function(img) {\n        img.left = 230;\n        img.top = 350;\n        img.scale(0.4);\n        canvas.add(img);\n    });\n}\n<\/script>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"525\" height=\"350\" src=\"https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/glasses.png\" alt=\"\" class=\"wp-image-11\" style=\"width:181px;height:auto\" srcset=\"https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/glasses.png 525w, https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/glasses-300x200.png 300w\" sizes=\"auto, (max-width: 525px) 100vw, 525px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"612\" height=\"411\" src=\"https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/mustache.jpg\" alt=\"\" class=\"wp-image-10\" style=\"width:164px;height:auto\" srcset=\"https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/mustache.jpg 612w, https:\/\/praamstra.eu\/wp-content\/uploads\/2026\/02\/mustache-300x201.jpg 300w\" sizes=\"auto, (max-width: 612px) 100vw, 612px\" \/><figcaption class=\"wp-element-caption\">Realistic 3D render of a brown hairy moustache isolated on a white background<\/figcaption><\/figure>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Glasses Mustache<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":2,"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"predecessor-version":[{"id":12,"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/pages\/7\/revisions\/12"}],"wp:attachment":[{"href":"https:\/\/praamstra.eu\/index.php\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}