setAngle 不是 Fabricjs 的函数

2023-12-21

我最近开始使用fabricjs,我有一个关于连接对象的问题。我正在创建用于连接的示例演示parent object to child object用箭头连接。我得到了示例演示http://kpomservices.com/HTML5CanvasCampaign/campaign.html。此代码应适用于 Fabric 1.4.2。类似的代码可能不适用于版本 2.3.3。

Error functions.js:963 Uncaught TypeError: c.setAngle is not a function

code

function makeArrow(centerpt, left, top, line) {
    var c = new fabric.Triangle({
        width: 10,
        height: 10,
        left: left,
        top: top,
        //selectable: false,
        strokeWidth: 3,
        fill: 'grey',
        opacity: 1,
        stroke: 'grey',
        originX: 'center',
        originY: 'center'
    });

    c.hasBorders = c.hasControls = false;
    c.angle = 90;
    c.line = line;
    var dx = left - centerpt.x;
    var dy = top - centerpt.y;
    var angle = Math.atan2(dy, dx) * 180 / Math.PI;
    c.setAngle(angle + 90);
    c.setCoords();
    c.name = 'ep';
    line.ep = c;
    c.line = line;
    return c;
}

Build 没有 setter/getter(可选)。你可以让你的构建here http://fabricjs.com/build/ with Named accessors。如果你想设置角度,你可以使用

obj.angle = text;
//or
obj.set({
 angle:angle
});
//or
obj.set('angle', angle);

DEMO

var canvas = new fabric.Canvas('c');
var triangle = new fabric.Triangle({
  left: 150,
  top: 50,
  width: 300,
  height:200,
  fill:'',
  stroke:'red'
})

canvas.add(triangle);
triangle.set('angle',40);
//triangle.angle = 40;
//triangle.set({angle : 40})
canvas{
 border:1px solid #000;
}
<script type="text/javascript" src="
https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="c" width="400" height="400"></canvas>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

setAngle 不是 Fabricjs 的函数 的相关文章

  • 将 Json 数据返回给 Ajax 调用

    我在 MVC 中有一个方法 我将其发布到它 并且我需要返回一些数据以进行处理 这是我发布到的 MVC 方法 返回值是 json 数据 HttpPost public JsonResult GetCalculateAmortizationSc
  • 刷新页面后保留输入值

    我有一个带有输入字段的表单 该输入包含一个下拉菜单 从数据库中读取信息 如果用户输入值 并且当他到达下拉菜单时 他没有找到他想要的内容 他会转到另一个页面将此信息添加到下拉菜单 然后转到第一页继续输入信息 如果他转到另一个页面向下拉菜单添加
  • 从 ES6 模块导入函数表达式或函数声明有什么区别?

    据我了解 参见第 16 3 2 1 节 http exploringjs com es6 ch modules html ES6 允许函数 类导出操作数使用不同的语法 区别在于导出的函数是否需要在导入时解释为函数声明 在这种情况下 您可以编
  • Express JS:请求的资源上不存在“Access-Control-Allow-Origin”标头

    我有一个在服务器上运行的 API 和一个连接到它以检索数据的前端客户端 我对跨域问题做了一些研究并使其发挥作用 但我不确定发生了什么变化 我现在在控制台中收到此错误 XMLHttpRequest 无法加载https api mydomain
  • 如何显示/隐藏jsf组件

    在我的一个 JSF 应用程序中 顶部的标题部分包含 selectOneMenu 底部的内容部分显示过滤器组件 默认情况下 应用程序首先在顶部显示 selectOneMenu 数据 在底部显示相应的 Filter 信息 如果用户选择不同的se
  • 使用 jquery 更改锚文本和图标

    我有一个隐藏或显示 div 的锚标记 但我无法更改它的文本和图标 如何更改文本和图标标签 因为目前它将图标标签解析为常规文本 锚标记 a class collapse info btn i class icon arrow up icon
  • 在each() 和forEach() 中使用break 和 continue

    如果我们不能使用 break 和 continue 关键字 我不确定我是否理解函数式循环 映射的价值 我可以做这个 collections users models forEach function item index can t use
  • Chrome 跨域 PATCH 请求不起作用

    我有一个带有 REST Api 的网站 现在我正在创建一个浏览器扩展 它将从某些页面收集数据并将它们发送回 REST Api 因为我希望我的扩展能够与 Firefox 和 Chrome 兼容 并且易于维护 所以我将实际代码作为脚本标记注入到
  • 使用淘汰赛动态显示/隐藏元素

    我有一个表 有四列 即代码 名称 数量和价格 其中 我想动态更改数量列的内容 元素 通常 它应该显示其中显示数量的元素 当用户单击元素时 我想显示该元素 以便用户可以编辑数量 我正在尝试按照 示例2 来实现淘汰赛文档链接 http knoc
  • dc lineChart 单击时弹出数据点信息

    我正在尝试检测折线图数据点上的点击 Per this answer dc scatter plot binding onClick event https stackoverflow com a 22772340 1873386 I am
  • 如何将OpenLayers多边形坐标转换为纬度和经度?

    我正在使用开放层 https openlayers org en latest examples draw freehand html绘制多边形并保存坐标的技术 这是我的代码 var raster new ol layer Tile sou
  • 将屏幕宽度获取到 javascript 变量中并通过 ajax 将其发送到 php 页面以避免页面加载

    这是JS检测我的页面命名上的屏幕分辨率index html并将其发送到 php 以便可以使用以下方式检索值 GET 这是我的PHP文件命名的内容process php
  • Flask 和 Reactjs 抛出 JSX 转换错误

    我已经开始将 ReactJS 与 Python Flask 后端结合使用 通过 Flask 渲染模板时 我在 Chrome 控制台中收到以下客户端错误 错误 找不到模块 jstransform visitors es6 templates
  • Jquery 子元素发生变化

    我正在尝试使用 jquery 在子元素 在本例中为 select 更改时触发事件 这是我的 HTML div class row addForm div class col lg 2 col md 2 col sm 3 col xs 6 d
  • Ajax 函数在重定向后不保存滚动位置

    正如标题所述 我编写了一个 ajax 函数 该函数应该滚动到用户在重定向之前所在的位置 我写了一个alert对于测试场景 它确实触发了 但滚动不断回到顶部 我在这里做错了什么 JavaScript ajax type GET url Adm
  • 如何使用 API 中的数据填充选择的下拉元素 - ReactJS

    我对 React 还很陌生 我正在从 API 获取数据 当我检查控制台日志时可以看到数据 但是我不知道如何使用 map 创建一个新数组 然后选项元素可以使用该数组来显示货币代码 目前它填充下拉列表 但选项元素全部为空 结果显示为 NaN 下
  • 禁用移动设备上的锚点菜单点击

    我使用嵌套列表作为带有子菜单项的菜单 我曾经这样做过 如果您将鼠标悬停在主菜单项上 子菜单项将通过将显示从无更改为块来出现 我决定让子菜单看起来就像是下拉的 并使用了 CSS 过渡 我遇到的问题是 在第一种方法中 如果您触摸 iPad 上的
  • javascript从字符串创建不区分大小写的正则表达式

    我试图通过以不区分大小写的方式将输入与正则表达式匹配来进行验证 正则表达式作为对象上的字符串从服务中下来 我可能会得到类似的东西 regex ane 我可以执行以下操作 var rx new RegExp object regex The
  • 引导网格中的绘图图周围有巨大的空白

    我有一个 Net 应用程序 我试图在其中使用创建一个图表bootstrap js and plotly js 当我创建响应式图表时 我遇到网格中存在巨大空白的问题 我发现问题的一部分是plotly svg container的大小默认高度为
  • 如何使用 Chart.js 版本 3.2.1 在圆环图中添加文本

    我正在使用 Canvas 在 HTML 中使用 如何使用在圆环图中添加文本 这是我的 javascript 代码和 HTML 代码 我使用了图表js版本3 2 1 所以请给出相同版本 3 的解决方案 var overallStatsCanv

随机推荐

  • 在c中执行汇编代码

    我想知道是否有办法调用 c汇编代码 我想将此代码放入我的 c 文件中 我想在 c 文件中执行的汇编代码以返回地址 1 mov eax 0x2d 2 mov ebx 0 3 int 0x80 我知道答案是放eax 这是 c 文件的一部分 1
  • 如何使用 win32com 退出 Excel,而不保存?

    当我执行xl Quit 时 Excel总是弹出提示询问我是否要保存 如何告诉它我不想保存 xl Dispatch Excel Application xl Workbooks Open New Workbook xlsx do some s
  • 使用属性文件的 log4j 的多个过滤器

    我正在尝试使用此配置过滤日志消息 我假装忽略包含文本的消息Could not refresh JMS Connection for destination以及那些包含org apache activemq transport failove
  • 以 C# 形式创建 Windows 10 透明度效果

    如何创建在 Windows 10 中看到的透明效果 像这样的事情 我不知道如何在 C 中解决这个问题 从逻辑上讲 每次表单进入焦点时我都会拍摄桌面快照 然后对其进行模糊处理并将其放置在 0 0 屏幕到客户端坐标 处 这似乎不太有效 有什么帮
  • 为什么 NuGetPack 响应“无法创建没有依赖项或内容的包”

    我正在尝试使用以下蛋糕脚本 Task Create NuGet Packages IsDependentOn Build WithCriteria gt DirectoryExists parameters Paths Directorie
  • 如何在android中动态设置谷歌地图上的缩放级别?

    面临在 Android 谷歌地图中设置动态缩放级别的问题 就像在地图应用程序 android 的系统应用程序 中做的那样 我使用了下面的地图方法 mGoogleMap moveCamera CameraUpdateFactory newLa
  • 应用程序中的 UTC 时间相关问题(C#、ASP.NET 和 SQL)

    我正在开发一款与销售和采购报告相关的应用程序 我正在使用该采购和销售报告的数据生成图表 采购订单和销售订单的创建日期是相对于 UTC 5 30 时间的 即该时间适用于印度孟买 场景 1 假设这是一个场景 目前这个应用程序在印度用于这个场景
  • 未达到 OpenIdConnectEvents.OnTokenValidated

    使用asp net core 2 2 我的启动中有以下内容 我到达 OnRedirectToIdentityProvider 断点 然后到达 appsettings CallbackPath 中的相对路径 但我没有到达 OnTokenVal
  • 将第一个和第二个单词包裹在 span 类 PHP 中

    我正在使用 php 自生成的导航 我需要将第一个和第二个单词包装在单独的 div 类中 例如 li span First span span class word Second span Word li 目前我可以使用将第一个单词包装在跨度
  • SourceTree 中的壁球

    是否可以在 SourceTree 中进行压缩 我看到显然你可以 拖放 提交来压缩它们 然而 当我这样做时 它只会突出显示几个提交 更新答案 Windows 源树 从 1 5 版本开始 http blog sourcetreeapp com
  • 使用枢轴重新排序多索引数据框

    我有一个数据框 df1 如下所示 df1 pd DataFrame ID 1 2 3 4 5 6 date 1 1 1 2 2 2 p id 1 2 3 1 2 3 9h30 0 11 0 12 0 13 0 14 0 15 0 16 9h
  • PHP 致命错误:找不到类“CTestCase”

    只是尝试在我的本地机器上运行一个简单的测试 但出现以下错误 PHP Fatal error Class CTestCase not found in 跑步时 phpunit UserTest 我想我的配置一定缺少什么 我就是不明白是什么 U
  • 在屏幕中间对齐 Foundation 5 选项卡

    我正在尝试对齐 Foundation 5 附带的开箱即用选项卡 出于某种原因 默认情况下它们是向左对齐的 我不知道如何让它们与屏幕中心对齐 我正在使用的代码相当简单 沼泽标准选项卡标记 Example ul class tabs li cl
  • 清除元素前后的浮动

    我有一系列的元素float left 彼此身上 理想情况下 我想用一个类清除单个元素两侧的浮动 而不添加另一个类clear left 在非浮动元素之后 示例 其中 one line应该在自己的线路上 http jsbin com koniv
  • 从 R 函数返回绘图

    为什么我的 R 函数不返回或打印绘图 代码如下 除了情节之外 所有代码似乎都运行良好 无论我做什么 我都无法让 R 在调用函数时创建绘图 在网上查了一下 我找不到任何不起作用的原因 powerc fun lt function n sigm
  • 为什么递归优于迭代?

    迭代比递归性能更高 对吧 那么为什么有些人认为递归比迭代更好 用他们的话说更优雅 我真的不明白为什么像Haskell这样的语言不允许迭代并鼓励递归 鼓励性能不佳的东西 当有更高性能的选项 即递归可用时也是如此 这不是很荒谬吗 请阐明这一点
  • 我们如何在 localStorage 中存储字符串?

    我正在学习 javascript xml 和 html 对于家庭作业 我需要从 XML 文件的某些节点检索一些数据 连接数据 并将连接的字符串存储在 localStorage 中 我在将连接的字符串存储在 localStorage 中时遇到
  • java异常会终止整个java应用程序吗?

    我曾经认为当异常发生时 整个java应用程序都会被终止 例如 我编写一个测试函数来测试我的想法 public void test File fileDir new File sourceDataDir if fileDir exists F
  • 为什么从 x86_64 汇编函数调用 C abort() 函数会导致分段错误 (SIGSEGV) 而不是中止信号?

    考虑该程序 main c include
  • setAngle 不是 Fabricjs 的函数

    我最近开始使用fabricjs 我有一个关于连接对象的问题 我正在创建用于连接的示例演示parent object to child object用箭头连接 我得到了示例演示http kpomservices com HTML5Canvas