如何從三個left
和top
與fabricjs構成正確的三角形。我試圖用width
和height
做一些事情,但結果不是預期的。例如:我們有[{left:50,top:50},{left:40,top:60},{left:60,top:60}],我們如何創建一個帶有該值的三角形?Fabricjs三角管理
0
A
回答
5
canvas = new fabric.Canvas('canvas');
var p1 = {left:50,top:50}; var p2 = {left:40,top:60}; var p3 = {left:60,top:60};
var shape = new fabric.Polygon([{x:p1.left, y:p1.top},{x:p2.left, y:p2.top},{x:p3.left, y:p3.top}]);
canvas.add(shape);
<script src="http://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script>
<canvas id='canvas' width="500" height="400" style="border:#000 1px solid;"></canvas>
可以創建fabric.Polygon([陣列點...]);
每個點必須具有「x」和「y」屬性。
0
1
上述代碼可以simplized到:
canvas = new fabric.Canvas('canvas');
var p1 = {x:50,y:50}, p2 = {x:40,y:60}, p3 = {x:60,y:60};
var shape = new fabric.Polygon([p1, p2, p3]);
canvas.add(shape);
相關問題
- 1. 獲取三角形頂點fabricjs
- 2. 保護管理/第三方管理員
- 3. FabricJS帶圓角的帆布
- 4. 繪製紋理三角形
- 5. 在ASP.NET網站管理角色管理
- 6. asp.net角色管理
- 7. Rails:角色/管理
- 8. ASP.NET角色管理
- 9. AspNet.Identity角色管理
- 10. 如何管理三角形中的不同頂點
- 11. 三js內存管理
- 12. 角色界面和管理角色
- 13. MVC3中的角色管理
- 14. Symfony2 - 動態角色管理
- 15. Azure AD B2C - 角色管理
- 16. Asp.net MVC角色管理器
- 17. 變量角色管理
- 18. Gerrit管理員角色
- 19. asp.net中的角色管理
- 20. Buddypress用戶角色管理
- 21. 設置管理員角色
- 22. 管理錯誤ng-if角
- 23. Azure角色配置管理
- 24. fabricjs我如何做角度測量?
- 25. Fabricjs計算圖像的角度
- 26. 在三角形的三角形中繪製三角形
- 27. 三角和角度
- 28. opengl畫三角形帶紋理顛倒
- 29. 處理三角代碼不工作
- 30. 三角形風扇的紋理座標
看起來工作,謝謝分配,我會盡快測試。 –
@GoncharDenys如果它工作,請接受答案。 – AndreaBogazzi