本文简介 Fabric.js 默认没提供 鼠标右键事件，只有 鼠标按键点击 、鼠标按键抬起 、鼠标移动 等事件。 但在工作中有可能需要用到 ＂右键＂ 事件，比如 ＂右键菜单＂ 。所以就有了本文。 本文主要关注 Fabric.js 的主要 api 有：fireRightClick：允许右键点击stopContextMenu：禁用默认右键菜单mouse:down：鼠标点击事件 如果不知道 Fabric.js 的同学，可以看 Fabric.js 中文入门教程 本案例是使用原生方式开发，不基于 Vue 、React 等框架，所以不用太担心运行环境等问题。 案例代码放了在文末~ 环境和版本Chrome浏览器版本：96.0.4664.45 Fabric.js版本：4.6.0 思路 先说说需求：右键单击元素，弹出菜单；弹出菜单分4种情况（菜单在鼠标右侧，菜单在鼠标左侧，菜单在鼠标上方，菜单在鼠标下方）；左键单击画布其他地方，隐藏菜单； 实现思路：创建画布；创建 ＂菜单＂ 的DOM元素；去官网查找 ＂右键相关事件＂；右键单击在元素上，根据鼠标离画布边缘的距离，计算菜单要显示的位置；左键单击在画布上，隐藏菜单； 实现查文档 在上面的思路中，其实难点只有 ＂右键相关事件＂ 。 在 对象相关的文档 里，关于鼠标的事件好像没有右键，稍微沾边点的就是鼠标点击（这里我选了 mousedown）。 于是我去 画布的文档 里找了下，发现这两个属性：fireRightClick ：画布是否可以触发右键事件stopContextMenu：禁止默认右键菜单 哈哈哈哈，发达了~ 经我仔细观察，发现 mouse:down 事件里有个 button 属性：左键：button 的值为 1右键：button 的值为 3中键（也就是点击滚轮），button 的值为 2，前提需要设置 fireMiddleClick: true 动手开发 布局 什么都不做 什么都不做 什么都不做 什么都不做 删除 此时的效果如上图所示。 初始化画布，并生成图形 添加点击事件（判断右键） 上面的代码中，通过 opt.target 是否为 null 来判断当前点击的对象。 opt.target === null ，就是点击在画布上（没有点击在图形元素上）。 如果你的项目需求是右键点击画布也展示不同菜单，你可以修改上面代码的判断。 代码仓库 推荐 Fabric.js 中文入门教程 Fabric.js 元素选中状态的事件与样式 Fabric.js 拖放元素进画布 - 掘金 Fabric.js 渐变的用法（径向渐变和线性渐变）
不要和太穷的人深交，原因有三种，看看你身边有这样的人吗？自古以来，人类社会的贫富差距就长期存在。在一些地区，人们的生活水平甚至出现了两极分化。有穷人，也有花钱的人。当穷人和富人形成自己的圈子，穷人会一直穷，富人会一直富。一直有一个很难辩军事化的第一阶段，波兰大幅提升军费开支增加波兰军力绝对优先可能是说得太多了，北约真的以为自己遭遇了严重的安全威胁，因此北约高层做出了军事化转身的要求，要求成员国用最快速度转向军事化，让北约重新获得军事垄断。听到北约要求后，波兰立即采取了行爸爸姓南妈妈姓万，给孩子取的名字引得无数网友赞叹！孩子的名字伴随着孩子的一生，想给孩子起一个好名字，有时也让父母很苦恼，现在，许多父母非常重视孩子的名字，给孩子起一个好的名字，将来会被别人喜爱和认可，但是一旦孩子的名字经常被别人嘲11岁女孩偷看成人视频，妈妈发现后，解决方法值得学习众所周知，现在孩子接收的网络信息比较广泛，所以身体倾向于早熟。他们经常刷手机看电脑，会浏览到一些成人视频。这个时候很多家长不知道该怎么解决，总觉得性教育没必要太提前，所以会藏着掖着怀孕期间适合做什么运动饮食上要注意什么怀孕是一件辛苦又快乐的事。怀孕的时候要注意很多事项，尤其是饮食和运动。可能有人会觉得怀孕了要多休息，不能做运动，怕对胎儿有影响。其实适量运动对孕妇和胎儿都有好处，但你也要选择合适的4人将登陆全明星周末江苏女篮蓄力下阶段联赛本周末是农历癸卯兔年的元宵节。20222023赛季中国女子篮球联赛（以下简称WCBA联赛）全明星周末活动将在元宵节期间，在深圳龙华区文体中心举行。江苏女篮共有4人将参加本次全明星周60后女干部被查，不久前以个人健康原因辞职据清风中原2月1日消息，中原银行股份有限公司原副监事长贾继红涉嫌严重违纪违法，目前正接受河南省纪委监委纪律审查和监察调查。公开简历信息显示，贾继红出生于1963年9月，河南方城人，全年都想穿的6套节日派对服装在为爱人寻找礼物完成待办事项和制定冬季计划之间，年末可能会很忙碌。（当我们下班时太阳基本已经消失，这并没有帮助。叹息。）不过，假期仍然令人兴奋，并提供了许多有趣的着装机会。用Avr原料特辑替代玻尿酸？品牌热捧的菌菇原料或成未来顶流？编者按功效护肤时代，更加注重科研叙事的品牌们，内卷的战火正逐步蔓延至上游端口而随着系列化妆品新规的实施，国内的新原料备案也按下了加速键。暗流涌动的原料趋势开始引领护肤赛道上的风潮，路易威登LV4MOTION太阳眼镜系列路易威登推出LV4MOTION科技感太阳眼镜系列，呈现全新明快色泽。路易威登为品牌所钟爱的太阳眼镜设计推出全新款式LV4MOTION。LV4MOTION太阳眼镜是路易威登2023春日本的浅草皮鞋，为什么受业内人士欢迎？每周革靴大赏authorRyan哈喽啊各位，今天的每周革靴大赏又是Ryan我来主持。相信喜欢革靴的朋友都会时不时翻看一下2nd杂志，Ryan最近在翻看2nd时就发现，除了大家都喜闻乐见的革靴大