如何在Fabric.js中绘制弧

贾斯汀

我正在使用Fabric.js,我想在画布上绘制圆弧。我能找到的最接近的形状是Circle形状。当然,这只能使我做出一个圆,没有什么比跨度为45°或180°的弧更是如此。

有没有办法用Fabric.js做到这一点?如果不是,是否有办法获取基础上下文,然后创建弧并允许结构管理弧?保留Fabric.js提供的选择和缩放功能非常重要。

卡米尔

在最新版本的FabricJS中添加了圈startAngleendAngle属性。https://github.com/kangax/fabric.js/pull/1675

var canvas = new fabric.Canvas('c');

var circle = new fabric.Circle({
    radius: 20,
    left: 100,
    top: 100,
    angle: 45,
    startAngle: 0,
    endAngle: Math.PI,
    stroke: '#000',
    strokeWidth: 3,
    fill: ''
});

示例:http//jsfiddle.net/mmeqec89/

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在Matplotlib中绘制“弧”角标志?

来自分类Dev

如何在html5 canvas中绘制Fabric js strokeRect?

来自分类Dev

如何在SDL中绘制圆,弧和矢量图形?

来自分类Dev

如何在Fabric js中的组中添加图像

来自分类Dev

如何在Fabric.js中停止/取消requestAnimFrame()

来自分类Dev

如何在Fabric JS中围绕中心旋转动画

来自分类Dev

如何在Fabric js的组中添加图像

来自分类Dev

如何在Fabric JS中围绕中心旋转动画

来自分类Dev

如何在Itext Fabric JS中删除默认文本

来自分类Dev

如何修改 d3.js 中弧的阴影?

来自分类Dev

如何获取HTML5 Canvas中绘制弧的宽度和高度?

来自分类Dev

如何在ggplot2的线段之间绘制角度弧?

来自分类Dev

如何绘制二维弧

来自分类Dev

如何在Fabric.js上获取鼠标坐标?

来自分类Dev

如何在Fabric JS的角落启用非均匀缩放

来自分类Dev

如何在fabric.js中选择和拖动对象

来自分类Dev

如何在画布上更改SVG颜色-Fabric.js

来自分类Dev

如何在Fabric JS的角落启用非均匀缩放

来自分类Dev

如何在Fabric Js中使用Selenium IDE

来自分类Dev

如何在fabric.js中使用画布保存图像

来自分类Dev

Fabric.js-如何在鼠标移动时检测画布?

来自分类Dev

如何在Fabric中动态编辑env.roledefs?

来自分类Dev

如何在Fabric.io中初始化Crashlytics?

来自分类Dev

我如何在Hyperledger Fabric中获得唯一的ID

来自分类Dev

如何在iOS应用中卸载Fabric工具包?

来自分类Dev

如何在Fabric中动态编辑env.roledefs?

来自分类Dev

如何在Fabric中创建自定义帮助菜单?

来自分类Dev

如何在 Hyperledger Fabric 中创建新块

来自分类Dev

如何在独立 Service Fabric 中安装多机集群?

Related 相关文章

热门标签

归档