{"id":27,"date":"2014-06-30T06:32:42","date_gmt":"2014-06-30T06:32:42","guid":{"rendered":"http:\/\/codebee.co.th\/labs\/?p=27"},"modified":"2016-09-21T14:45:55","modified_gmt":"2016-09-21T14:45:55","slug":"27","status":"publish","type":"post","link":"https:\/\/www.codebee.co.th\/labs\/27\/","title":{"rendered":"fabric.js \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b control \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07 fabric.js \/ resize and rotate controls with custom images"},"content":{"rendered":"

fabric.js \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b control \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07 fabric.js \/ resize and rotate controls with custom images<\/h3>\n

<\/br>
\n\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 fabric.js \u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e41\u0e2d\u0e1e\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e32 transform tool
\n\u0e15\u0e31\u0e27 default \u0e02\u0e2d\u0e07 fabric.js \u0e27\u0e31\u0e19\u0e19\u0e35\u0e49\u0e21\u0e32\u0e41\u0e19\u0e30\u0e19\u0e33\u0e27\u0e34\u0e18\u0e35\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e2a\u0e35\u0e48\u0e40\u0e2b\u0e25\u0e35\u0e48\u0e22\u0e21\u0e40\u0e14\u0e34\u0e21 \u0e46 \u0e02\u0e2d\u0e07 fabric.js \u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e15\u0e32\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23
\n
\n\u0e27\u0e34\u0e18\u0e35\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e43\u0e19 controls \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e43\u0e19 fabricjs \u0e43\u0e2b\u0e49\u0e44\u0e1b drawImage \u0e43\u0e19\u0e1f\u0e31\u0e07\u0e01\u0e4c\u0e0a\u0e31\u0e48\u0e19 _drawControl
\n\u0e42\u0e14\u0e22\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e08\u0e32\u0e01\u0e15\u0e33\u0e41\u0e2b\u0e19\u0e48\u0e07\u0e27\u0e48\u0e32 control \u0e04\u0e37\u0e2d\u0e08\u0e38\u0e14\u0e44\u0e2b\u0e19 \u0e15\u0e32\u0e21\u0e15\u0e31\u0e27\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e04\u0e37\u0e2d tl = topleft<\/p>\n

_drawControl: function(control, ctx, methodName, left, top) {
\n var rotate = new Image();
\n rotate.src = 'images\/rotate.jpg';
\n if(control==\"tl\"){
\n ctx.drawImage(skew, left, top, sizeX, sizeY);
\n }
\n},<\/code><\/p>\n

\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e41\u0e2d\u0e1e,\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a,\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c,\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e40\u0e01\u0e21\u0e2a\u0e4c,\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e41\u0e2d\u0e1e\u0e21\u0e37\u0e2d\u0e16\u0e37\u0e2d,\u0e23\u0e31\u0e1a\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c,\u0e23\u0e31\u0e1a\u0e17\u0e33\u0e2d\u0e34\u0e19\u0e42\u0e1f\u0e01\u0e23\u0e32\u0e1f\u0e1f\u0e34\u0e04,\u0e23\u0e31\u0e1a\u0e17\u0e33 Mobile Application<\/p>\n

\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d \u0e42\u0e17\u0e23. 02-962-1556
\nhttp:\/\/www.codebee.co.th<\/p>\n","protected":false},"excerpt":{"rendered":"

fabric.js \u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b control \u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e02\u0e2d\u0e07 fabric.js \/ resize and rotate controls with custom images \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e04\u0e19\u0e17\u0e35\u0e48\u0e43\u0e0a\u0e49 fabric.js \u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e41\u0e2d\u0e1e\u0e15\u0e48\u0e32\u0e07 \u0e46 \u0e2d\u0e32\u0e08\u0e08\u0e30\u0e21\u0e35\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e41\u0e15\u0e48\u0e07\u0e2b\u0e19\u0e49\u0e32\u0e15\u0e32…<\/p>\n","protected":false},"author":1,"featured_media":941,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"video","meta":{"footnotes":""},"categories":[46],"tags":[201,846,202,845,203],"class_list":["post-27","post","type-post","status-publish","format-video","has-post-thumbnail","hentry","category-website-development-","tag-fabric-js","tag-fabric-js--control","tag-html5-canvas","tag--fabric-js","tag--html5-canvas","post_format-post-format-video"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/27","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/comments?post=27"}],"version-history":[{"count":12,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/27\/revisions"}],"predecessor-version":[{"id":2465,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/posts\/27\/revisions\/2465"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media\/941"}],"wp:attachment":[{"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/media?parent=27"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/categories?post=27"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codebee.co.th\/labs\/wp-json\/wp\/v2\/tags?post=27"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}