程序员经验分享-hwhale

Fabric.js 如何在不拉伸文本的情况下水平调整 IText 大小

2024-05-04

我在父 Group 对象中有这个 IText 对象。

当我选择组并水平（以及垂直）调整其大小时，IText 也会调整大小，这使得文本拉伸并且看起来很糟糕。

现在我想做的是将 IText 中心本身（保持其纵横比）放在组内。

我怎样才能做到这一点。我尝试在对象缩放时修改 IText 的宽度和左侧，但这不起作用。


尝试使用最新的fabricjs版本（1.6.0.rc1）而不是使用fabric.IText use fabric.Textbox.

这个新类具有您正在寻找的属性，通常用于缩放的控件改为用于调整元素及其内部文本流的大小。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

fabricjs

Fabric.js 如何在不拉伸文本的情况下水平调整 IText 大小 的相关文章

  • Fabric.js 将画布（或对象组）剪辑为多边形

    我在 Fabric js 中绘制了一个画布 在其中添加了一组矩形 我想将这些矩形的边缘限制为一组 使其不超出某个区域 想象一下制作一件条纹 T 恤 条纹是通过使用一系列矩形制成的 我需要使它们保持 T 恤的形状 我认为最好将整个画布夹到 T

  • 在fabricJS 中如何使用transformMatrix 变换点？

    我正在尝试放置点 通过fabric Circle 在一个角落fabric Polygon 用户可以移动 缩放或旋转多边形 但是 每次修改后我都希望获得多边形的新坐标来将我的圆放置在那里 在深入研究这个主题时我发现this http www

  • Fabric.js 直线并单击选择

    我为这段代码创建了 3 种模式 选择行 画线和 删除行 看起来它正在工作 但我想改变两件事 例如 每次我选择一行时 我只需要单击它 你能告诉我如何改进我的代码吗 谢谢您的回答 这是我的代码

  • Fabric JS：鼠标按下时复制/粘贴对象

    我正在尝试创建一个块游戏 您可以从菜单中选择形状并将它们放置在画布上 有一个形状菜单 您可以将形状拖到画布上 我希望它在将克隆拖到画布上时将主要形状保留在菜单中 这可能吗 我创建了一个 jsfiddle 来提供帮助 JSFIDDLE htt

  • 使用fabric.js在node.js中渲染和操作服务器端画布

    我正在尝试将fabric js v0 9 21 在ubuntu 12 04上通过npm安装 与node js一起使用来在服务器上渲染画布 稍后可以在没有客户端交互的情况下进行操作和扩展 为了进行实验 我在客户端创建了一个简单的画布 然后使用

  • Fabric.js - 无需按住鼠标按钮即可移动对象

    在 Fabric js 中 可以通过左键单击 按住并移动鼠标在画布中移动对象 在这种情况下 所选对象会跟随鼠标光标移动并object moving被解雇 释放鼠标左键可退出此模式 有没有办法改变这种行为并让对象通过不同的事件进入这种模式 例

  • 在fabric.js中编写乳胶公式

    我希望能够在 Fabric js 画布中用乳胶编写公式 也许可以使用 MathJax http fabricjs com fabric intro part 2 text http fabricjs com fabric intro par

  • 在电脑上将fabricjs画布另存为图像

    我想通过单击 html 页面中的按钮将 Fabric 画布保存为 PC 上的图像 jpg 或 png 相同 我尝试了一个解决方案但不起作用 function saveF canvF var imageCanv canvF toDataURL

  • 使用 Fabric JS 放大和缩小

    我正在使用 FabricJS 构建一个简单的图像编辑器 我几乎可以做任何我需要的事情 问题是实现缩放功能 据我所知 FabricJS 没有内置任何东西 所以我试图自己做 我在页面上放置了 2 个按钮 放大 和 缩小 单击它们分别激活 jQu

  • FabricJS：始终在画布上居中对象

    是否可以始终将对象置于 Fabricjs 画布的中心 背景 我正在构建一个网络工具 可以使用 Fabricjs 轻松创建复杂的动画 我希望能够将画布大小的宽度和高度设置为 100 因此 我想将所有对象放置在中心并为其添加 X Y 偏移 当我

  • 在 Canvas Fabric JS 元素上添加删除按钮

    您好 我想使用 FabricJS 在元素中添加删除按钮 我有一个例子 我尝试添加这部分代码 但是当我调整图像大小时 删除按钮不会保留在原位 http jsfiddle net wxao1on8 13 http jsfiddle net wx

  • 画布中的鼠标偏移 [fabric.js]

    我已经阅读了 3 5 个关于鼠标偏移的主题 但我仍然不明白哪里混乱了 就我而言 60 时一切正常 另外40 的鼠标是偏移的 有时对象位置与鼠标行为无关 IE 和 Chrome 是最混乱的 我尝试编辑样式表和父 div 但没有任何结果 最糟糕

  • FabricJS 文本框 - 某些字体的光标位置设置不正确

    在上图中 光标应该位于末尾 但由于某种原因 它被放置在最后一个字符之前 这只发生在某些字体上 我认为这与自定义字体的加载方式无关 该图像取自http fabricjs com loadfonts http fabricjs com load

  • Fabric.js - 从画布 API 的 ImageData 对象创建 Image 对象

    我想在 Fabric js 中创建一个图像对象ImageData对象 我们可以从中获取 ImageData var imgData ctx getImageData 10 10 50 50 ctx putImageData imgData

  • Fabric.loadSVGFromString 导致结果扭曲

    我用 inkscape 编辑了 SVG

  • 如何在FabricJS中将旋转点位置更改为底部？

    How to change Rotating point position to the bottom see image below 这里是选择对象的配置控制点的链接指南 http fabricjs com fabric intro pa

  • Fabric js 或 imagick 从图像中删除白色

    我遇到了这种情况 我很难在谷歌上搜索并解释 我们公司在铝上打印照片 我们为客户提供两种选择 第一个选择是将他们的照片打印在铝上 就像 他们把照片给了我们 所以如果照片有白色 背景 图片以白色背景打印 简单的 像那样 第二个选项是我们可以打印

  • 添加到画布后更改文本

    在fabric js中 我正在制作矩形组和文本字段 然后将其添加到画布中 我正在使用以下代码 但是一旦将文本字段添加到画布中 我可以更改文本字段的文本吗 我做了小提琴请检查 http jsfiddle net HAb4N 5 http js

  • React 状态总是从 Fabricjs 的回调中返回先前（或初始）状态

    下面的代码是我的最小问题重现组件 它初始化织物画布 并处理 模式 状态 模式状态决定画布是否可以编辑 并且一个简单的按钮控制该状态 问题是 即使mode setMode工作正常 意思是 单击按钮后组件分析器显示正确的状态 按钮内的文本也显示

  • 在 Fabric.js 中按宽度/高度在另一个画布对象内居中和缩放画布对象

    Goal 将一个对象 水平和垂直 置于另一个对象 矩形或组 的中心canvas via Fabric js或者通过Javascript保持原始对象的长宽比相同 但也不超过父对象的宽度 高度比例 父对象 矩形或组 不会居中于canvas元素

随机推荐

  • Python：Tkinter Treeview 可搜索

    相当直接的问题 尽管我用了最好的谷歌搜索 但我找不到任何相关内容 我有一个 Python 应用程序 它使用 Tkinter Treeview 小部件作为表格 这对于我需要使用它的用途来说效果很好 但最终会在一些树中出现几百个项目 无论如何

  • 如何将 NHibernate 和 DTO 与 RIA 服务结合使用

    我将 NHibernate 与 RIA 服务和 Silverlight 4 一起使用 我创建 DTO 来通过 RIA 服务传输数据 而不是分发我的域层对象 根据 Martin Fowler 的分布式对象设计第一定律 不要分发您的对象 DTO

  • Azure 上的 Laravel 应用程序：用户“azure”@“localhost”的访问被拒绝

    我正在将 Laravel 应用程序部署到 Azure Web 应用程序 Mysql 到目前为止我执行了以下步骤 1 在应用程序中激活Mysql 2 连接到 BitBucket 存储库并确保代码已同步 3 创建 env文件并设置数据库变量如下

  • android:clickable="true" 意味着它不可点击？

    我有一个 ListView 其中包含一些自定义部分 每个部分都有自己的标题视图 我希望列表中的元素可单击 但显然不希望节标题可单击 所以在我添加的节标题的 xml 中android clickable false 调试时我注意到节标题仍然响

  • 如何仅使用 XAML 标记在单击另一个控件时打开 WPF 弹出窗口？

    我有两个控件 一个 TextBlock 和一个 PopUp 当用户在文本块上单击 MouseDown 时 我想显示弹出窗口 我认为我可以使用弹出窗口上的 EventTrigger 来完成此操作 但我不能在 EventTrigger 中使用设

  • 在主窗体上使用 BeginInvoke 调用的网络任务未执行

    我使用 Visual Studio 2013 构建了一个具有单个表单的 C 应用程序 并且该应用程序有两个更新屏幕的例程 更新屏幕的例程需要在主线程上运行 因此我自己的线程 不与屏幕交互 在需要更新时调用主窗体上的 BeginInvoke

  • Lua中如何在另一个表的表成员中搜索

    我正在编写一个 lua 程序 它有一个表 该表是另一个表的成员 当我向该成员表添加新日期时 一切正常 但是 当我想在该表中搜索时 无论我给出什么键 我总是会将最后一行添加到表中 如何在该成员表中正确搜索 Stream name functi

  • 防止 iOS 上的反射（objc/运行时）

    我正在开发一个处理敏感数据的静态库 使用该库的开发人员必须不能在该库上使用反射 在Android上 我们通过开发一个来解决这个问题aar文件与service并运行service进入单独的进程 当服务运行到另一个进程中时 开发人员不能使用反射

  • 当用户在单元格中输入触发器时执行子例程

    Excel 中的示例数据 A B C 1 9 5 2 4 y 3 3 1 9 4 66 4 5 5 9 我想做的是当我进入Y在 B 列中 我想要 一些东西 执行 我不认为If Active Cell Y将在这里工作 因为当我进入Y然后按 E

  • 如何对搜索引擎关键词进行聚类？

    从 Google Analytics 中 我有一个 长 关键字列表 人们在搜索引擎中使用这些关键字来查找我的网站 我想找到 核心关键词 假设的例子 java online training learning java scala train

  • 使用rvest或httr登录网页上的非标准表单

    我正在尝试使用 rvest 来抓取需要在表单上输入电子邮件 密码登录的网页 rm list ls library rvest Trying to sign into a form using email password url lt ht

  • 如何通过 Grunt 运行节点脚本？

    我希望通过我的 gruntfile 运行节点命令 我只需要运行 node index js 作为任何其他任务之前的第一个任务 我尝试四处寻找但没有找到答案 我相信这可能很简单 但我不确定如何做 我需要加载 nmp 任务吗 这就是我的 Gru

  • 如何在 Android 中从 JPEG 创建动画 GIF（开发）

    我正在寻找一种简单的方法create本机 Android 应用程序中的动画 GIF 源文件应为 JPEG 来自相机或其他文件 输出应在设备上保存为 GIF 我不想知道如何播放动画或动画 GIF 文件 需要明确的是 我想知道如何将单个图像逐帧

  • 写入结果电子表格时，AGGREGATE 公式不会自动计算

    我有一个使用 OPENPYXL v2 5 10 库开发的 python 3 7 脚本 用于从多个 Excel 工作簿中获取数据 处理该数据 然后写入单独的 Excel 工作簿 结果工作簿包含大约 100 个命名范围和大量公式 所有这些都按预

  • 证明后继者对等式的替代性质

    我试图理解归纳类型 精益中的定理证明 第 7 章 https leanprover github io theorem proving in lean 07 Inductive Types html 我给自己设定了一个任务 证明自然数的后继

  • 如何在 Android 中将一种跨度类型更改为另一种跨度类型？

    我想将一种类型的所有跨度放入一个CharSequence并将它们转换为不同的类型 例如 将所有粗体跨度转换为下划线跨度 我该怎么做呢 这是我今天遇到的问题 既然我现在已经解决了 我在这里添加一个问答对 我的答案如下 如何将跨度从一种类型更改

  • PapaParse 与 Angular JS

    喜欢 PapaParse 漂亮的 CSV 解析器和解解析器 任何人都可以帮助我将其与 Angular JS 结合起来吗 我喜欢让 PapaParse 以 Angular 方式工作 正在尝试解决方案 实际上我没有做任何花哨的事情来加载它 只需

  • Xamarin 中 QR 扫描后的处理对话框

    我在Xamarin应用程序中使用QR码扫描仪 当它扫描QR码时 它会执行一些操作 大约需要一分钟 而在执行操作时 我想在屏幕上显示一个加载对话框 但是 它没有显示在屏幕上 并且在应用程序的其他地方 它运行得很好 Code var expec

  • 如何配置Android AccessibilityService

    我正在研究AndroidAccessibilityService想要查看所有可能发生的事件类型 手势和关键事件 我能够收到所有public void onAccessibilityEvent final AccessibilityEvent

  • Fabric.js 如何在不拉伸文本的情况下水平调整 IText 大小

    我在父 Group 对象中有这个 IText 对象 当我选择组并水平 以及垂直 调整其大小时 IText 也会调整大小 这使得文本拉伸并且看起来很糟糕 现在我想做的是将 IText 中心本身 保持其纵横比 放在组内 我怎样才能做到这一点 我

热门标签