{"id":968,"date":"2020-04-04T11:01:49","date_gmt":"2020-04-04T11:01:49","guid":{"rendered":"https:\/\/html5-chat.com\/blog\/?p=968"},"modified":"2020-04-04T11:06:43","modified_gmt":"2020-04-04T11:06:43","slug":"html5-chat-svg-drawing-feature","status":"publish","type":"post","link":"https:\/\/html5-chat.com\/blog\/html5-chat-svg-drawing-feature\/","title":{"rendered":"Html5 chat, SVG drawing feature"},"content":{"rendered":"\n<p>We added a new tool, called SVG drawing.<br>You can now easily drawn and append  some Vector  &#8211; SVG &#8211; pictures inside the chat. The Drawing tool has most of tools you need such as:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Hand writing<\/li><li>Curves drawing<\/li><li>Lines drawing<\/li><li>Shapes (rectangle, circle&#8230;)<\/li><li>Predefined shapes<\/li><li>Text <\/li><li>Transformations: scale, rotations<\/li><li>Alignements<\/li><li>Z-ordering<\/li><\/ul>\n\n\n\n<p>You need to enable the property called &#8220;<strong>can Draw<\/strong>&#8221; that in <strong>roles <\/strong>to add a new button in the chat bar.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"634\" src=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/04\/svg.png-1024x634.jpg\" alt=\"HTML5 chat SVG editor.\" class=\"wp-image-970\" srcset=\"https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/04\/svg.png-1024x634.jpg 1024w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/04\/svg.png-300x186.jpg 300w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/04\/svg.png-768x475.jpg 768w, https:\/\/html5-chat.com\/blog\/wp-content\/uploads\/2020\/04\/svg.png.jpg 1318w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>HTML5 chat SVG editor.<\/figcaption><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>We added a new tool, called SVG drawing.You can now easily drawn and append some Vector &#8211; SVG &#8211; pictures inside the chat. The Drawing tool has most of tools you need such as: Hand writing Curves drawing Lines drawing Shapes (rectangle, circle&#8230;) Predefined shapes Text Transformations: scale, rotations Alignements Z-ordering You need to enable [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":972,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[162,161],"class_list":["post-968","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-features","tag-draw","tag-svg"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/968","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/comments?post=968"}],"version-history":[{"count":3,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/968\/revisions"}],"predecessor-version":[{"id":973,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/posts\/968\/revisions\/973"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media\/972"}],"wp:attachment":[{"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/media?parent=968"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/categories?post=968"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/html5-chat.com\/blog\/wp-json\/wp\/v2\/tags?post=968"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}