Fabricjs，loadFromJSON上的textBox不可编辑
Fabric.js是一个强大的HTML5 canvas库，用于实现图形和交互式应用程序的绘制和操作。它提供了丰富的功能和API，使开发人员能够轻松地创建和编辑图形对象。
在Fabric.js中，loadFromJSON是一个方法，用于从JSON数据中加载并创建画布上的对象。通过loadFromJSON方法，可以将之前保存的画布状态恢复到当前画布中。
在loadFromJSON方法中，如果textBox对象的editable属性设置为false，那么该textBox将不可编辑。editable属性用于控制文本框是否可以被用户编辑。
对于不可编辑的textBox，用户无法在其中输入或编辑文本内容。这在一些场景中非常有用，例如展示静态文本或只读数据。
对于可编辑的textBox，用户可以在其中输入和编辑文本内容。这在需要用户输入或编辑文本的场景中非常有用，例如表单输入或实时编辑。
对于Fabric.js中的textBox对象，可以通过设置editable属性来控制其可编辑性。如果需要创建不可编辑的textBox，可以将editable属性设置为false。
腾讯云提供了一系列与云计算相关的产品和服务，其中与Fabric.js相关的产品可能包括云服务器、对象存储、CDN加速等。具体的产品选择取决于您的需求和应用场景。
以下是一些腾讯云产品的介绍链接，您可以根据具体需求了解更多信息：
- 云服务器（CVM）：提供可扩展的计算能力，用于部署和运行应用程序。 链接：https://cloud.tencent.com/product/cvm
- 对象存储（COS）：提供安全、持久、高可用的云存储服务，用于存储和访问各种类型的数据。 链接：https://cloud.tencent.com/product/cos
- CDN加速：通过分布式网络节点，加速静态资源的传输和访问，提升用户体验。 链接：https://cloud.tencent.com/product/cdn
请注意，以上链接仅供参考，具体的产品选择应根据您的需求和实际情况进行决策。
相关·内容
我在使用loadFromJSON方法使用FabricJS时遇到了一个问题，它会渲染数据，但textBox文本是不可编辑的。有什么帮助吗？谢谢!
下面是可重现的代码
浏览 135提问于2021-03-11得票数 2
回答已采纳
在FabricJS中，canvas.loadFromJSON()似乎运行某种renderAll函数，即使没有指定？由于我既从JSON加载图像，也从另一个函数加载一些图像，因此我希望画布保持空，直到加载所有内容，然后同时呈现所有内容。
我用简化的版本创建了一个简短的小提琴：
小提琴会切换其中一层，然后重新绘制画布，特别是当你禁用缓存时，你可以看到道具显示在它自己的位置上，那么剩下的图像会在稍晚的时候出现。很小的一个人可能会说，但是当有10到30张具有各种混合设置的图像时，加载可能需要一些时间，直到普通的映像开始缓存，在早期可见的道具上移动并不会对我的解决方案有多大帮助…
我看到在它的回调中添加了
浏览 0提问于2019-08-09得票数 0
回答已采纳
如何在fabricjs中获取对象标识符？例如
var text = new fabric.IText('hello world', { left: mouse1X, top: mouse1Y });
ID = text.get???
此标识符应出现在
JSON.stringify(canvas)
canvas.loadFromJSON()
标识符应出现在画布(JSON.stringify) canvas.loadFromJSON()中
浏览 3提问于2015-05-14得票数 8
1回答
在通过“loadFromJSON”将有效的JSON对象加载到画布中后，我遇到了一个画布问题。画布使用对象甚至是正确的背景图像呈现有效的画布。出于某种原因，我不能选择任何东西。如果我试图单击并选择几个对象，甚至蓝色的选择框也不会显示。我确信这个对象是有效的，因为我已经将一个有效的教程对象粘贴到了loadFromJSON中，我的JSON对象粘贴到了jsfiddle教程中。
如果我点击鼠标右键..。我得到了一个保存图像选项，如果你问我，这个选项看起来有点奇怪。
这是我的密码：
canvas.loadFromJSON(data, canvas.renderAll.bind(canvas), funct
浏览 0提问于2017-02-01得票数 0
回答已采纳
我使用fabricjs的image.applyFilters特性。当我第一次在画布上加载图像并应用图像过滤器时，浏览器阻塞了几秒钟，特别是对于超过2MB的大尺寸图像。但是，当我清除画布并用loadFromJSON重新加载它时，这个问题得到了解决，图像过滤器开始正常工作，而不会阻塞浏览器。
是关于fabricjs还是我的代码，我搞不懂。我会感谢任何人的帮助。
浏览 1提问于2013-10-24得票数 1
我在一个项目中工作，在这个项目中我使用了fabricJS-3.6.3。它是一个最好的画布操作库。
正如我们所知道的画布的限制，画布渲染图像的半像素。所以有时候它是模糊的。和我摆在你面前的问题一样。
我正在尝试使用以下代码将文本呈现到画布中
var text = new fabric.Textbox("lorem ipsum pixel", {
top: 13.5
left: 12.13
width: 157.68
fontSize: 15
fontFamily: 'opensans-lightItalic'
sca
浏览 0提问于2020-04-18得票数 0
我有带有fabric对象的JSON数据。当我尝试用LoadFromJSON将这些JSON数据加载到fabric画布上时，形状正在完美地加载，但填充在形状中的模式没有呈现。只有在单击“形状”后才会呈现模式。
我在fabric Kitchen接收器执行模块中复制了我的代码，并试图执行它。但它也没有像预期的那样起作用。
我的代码：
var jsonD = '{"objects":[{"type":"rect","originX":"center","originY":"center"
浏览 3提问于2013-08-21得票数 2
当使用fabricjs textbox时，我想在textbox中添加额外的css，这样编辑区域就会更漂亮。效果会是这样的。
有人知道如何实现这一点吗？
非常感谢。
浏览 14提问于2017-02-17得票数 1
回答已采纳
1回答
我使用FabricJS构建了一个图形编辑器。我使用toJSON()函数通过AJAX调用保存画布。然后使用loadFromJSON()函数重新加载画布。
在用户向画布中添加一个包含双引号(")的文本对象之前，一切都很好。画布保存得很好，但是当我试图重新加载画布时，引号会破坏JSON字符串。
下面是一个可能导致问题的文本对象的示例：
"text":"home comes with 42" TV"
我可以在数据库中手动转义引号，它解决了这个问题，但我似乎无法找到一种自动完成此操作的方法。我认为这需要发生在toJSON()进程中的某个地方。
任何输入都非
浏览 3提问于2017-04-26得票数 1
回答已采纳
我正在使用FabricJS，我想在“卸载”事件时将生成的画布保存在LocalStorage上，然后在重新加载页面时，我想将生成的JSON从localStorage加载到我的画布上。 我可以看到fabricjs的.toJSON()函数的结果对象确实是一个对象，尝试使用JSON.stringify(myObject)保存到LocalStorage会导致重新绘制画布时出现问题，因为它改变了JSON结构。 $( window ).bind('beforeunload', function() {
const myObject = canvas.toJSON()
浏览 52提问于2019-05-15得票数 1
回答已采纳
案例是： 首先，将照片加载到画布作为背景图像，我不希望背景移动并将图像发送回画布，所以我添加了以下代码： $('#upload').change(function(){
canvas.clear();
var filename = "{{ url_for('static', filename='layout/') }}"+$(this).val();
if (filename != "" && filename != null
浏览 98提问于2020-09-10得票数 1
我试图将画布上的所有自由对象分组，缩放并序列化组，然后将组加载到另一个画布上。
目前，我正在用这段代码对画布上的所有对象分组。
var group = new fabric.Group(canvas.getObjects(), {
originX: 'center',
originY: 'center'
});
在这一步之后，我不知道该怎么做。如果我不是在处理组，我会把画布紧张起来，然后使用loadFromJSON。然而，我不认为我可以只是紧张的小组。当我尝试使用canvas.add()时，会得到一个最大回调错误。是否需要首先将组转换为path对
浏览 5提问于2014-10-13得票数 1
回答已采纳
我的画布id是“画布面板”，我想在转到下一页时使用localStorage对象值重新绘制画布。我正在使用localStorage对象获取画布对象，如下所示：
var myCanvas = JSON.parse(localStorage.getItem('canvas'));
JSON甲酸酯：
{
"objects":[
{
"type":"image",
"originX":"left",
"originY":"top",
浏览 0提问于2015-10-11得票数 2
回答已采纳
我正在尝试使用loadFromJSON在Fabricjs canvas上加载视频。首先，我将视频添加到JSON，然后将该JSON加载到同一画布以使其再次播放。(这不是最终目标，但为了解决问题，所以你们可以重现问题)，但不幸的是，即使在尝试了大多数可能的解决方案后，我也无法做到这一点。
我遵循了这本指南
为了让它像在另一个堆栈溢出答案中给出的那样工作，但它看起来已经过时了。我得到了这个错误
下面我附上了我的代码。请看一下。
HTML代码
<!DOCTYPE html>
<html>
<head>
<link rel=&
浏览 0提问于2020-06-02得票数 0
因此，我用画布加载了一个基本页面，除了换行符以\n形式显示外，一切似乎都正常。
下面是作为java方法的主体：
input = StringEscapeUtils.unescapeShell(this.getData());
private String htmlBody(String input){
return "<html><head>" +
"<link href=\"fonts.css\" type=\"text/css\" rel=\&
浏览 3提问于2020-09-30得票数 0
回答已采纳
loadFromJson接受3个参数，第三个参数是应用于每个加载对象的函数。如何将clipTo函数应用于加载的每个图像？
我试着这样做：
this.canvas.loadFromJSON(this.getJson(), () => {
fabric.Image.fromURL(url.replace(/^https:\/\//i, 'http://').concat('?').concat(Math.random().toString(36).substring(7)), (img) => {
img.
浏览 0提问于2018-01-16得票数 1
我正在尝试在编辑后替换画布上的图像。我需要在替换后保持原始图像的宽度和高度，这是我的代码：
它按照预期将新图像替换为旧图像的原始高度和宽度。但是，如果我对旧图像做了一些更改，然后替换该图像，则不会应用更改。
我希望对旧图像所做的所有改变，如高度、宽度和角度，都能应用到新图像中。
canvas.loadFromJSON(JSON.parse(json_data), canvas.renderAll.bind(canvas), function(o, object) {
if (object.type == 'image') {
var current_width =
浏览 5提问于2018-01-09得票数 3
回答已采纳
上下文：
我有一个用例，需要从堆栈中获取旧画布，并将其分配给dom中当前活动的画布。我目前面临的问题是，画布属性(例如backgroundColor、高度等)被替换并正确显示，但是如果画布中有对象，则属性和事件看起来就像被替换了，但在活动画布(DOM)中没有显示出来。
注意：我在这里没有选择使用fabric的撤销/重做。
我尝试在代码片段中重新创建这个问题，我正在尝试执行以下操作。
步骤1: --我使用addTextBox方法创建具有默认属性的画布和对象，一旦应用了默认属性，我就将画布和textbox对象存储在称为状态备份的变量中。
步骤2:
在AddHelloText上单击(按钮)，我正
浏览 2提问于2020-12-16得票数 0
回答已采纳
我已经熟悉了一个项目的w/ FabricJS。
我有一个扩展fabric.Polyline的自定义类。这个自定义类有许多自定义方法。我的问题是:当我序列化整个画布，然后再次用loadFromJSON()加载它时，自定义方法不再存在.
我注意到序列化前后的对象并不完全相同。实际上，我们可以看到，序列化之后，方法myCustomClassMethod()不再在对象的__proto__中了：
我知道loadFromJSON()有一个用于重新添加事件侦听器的reviver()方法，但是如何重新添加方法呢？说我需要添加一个fromObject()方法来保存/恢复对象，我试着使用它，但没有成功。
浏览 3提问于2021-03-17得票数 0
我正在使用fabric.js来设计一个图像编辑器。我可以将画布转换为JSON对象并将其发送到后端。
在后端，我能够渲染来自NodeJS服务器的图像，以将其作为静态图像查看。
下面是我的前端代码：
var json = canvas.toJSON();
json对象被发送到服务器。
在我的后端服务器中的代码，以通过URL呈现图像。
app.get('/image', function(req, res) {
let data = {"version":"4.6.0","objects":[{"type":"
浏览 7提问于2021-09-22得票数 0
1回答
我已经创建了如下的图片作为fabricjs：
json看起来如下所示：
{
"version": "5.2.1",
"objects": [
{
"type": "circle",
"version": "5.2.1",
"originX": "center",
"originY": "cen
浏览 7提问于2022-09-03得票数 5
回答已采纳
我已经在fabricjs主页(fabricjs.com)上看到了示例中的这段文字。他们只在文本中插入了一个单词的格式： ? 他们已经在文本中插入了图片。 ? 我们该怎么做呢？是IText、Textbox还是LabeledRect？ 源文本会是什么样子的？我们是否会使用某种标记来标记必须格式化的文本部分？ 在教程中没有找到任何关于这方面的内容。
浏览 7提问于2020-09-17得票数 0
回答已采纳
1回答
我正在尝试从本地磁盘加载一个JSON文件，并使用其中的数据填充FabricJS画布。我在从文件中获取数据时遇到问题。
这就是我到目前为止所拥有的。
app.html
<input type="file" accept=".json" id="fileInput" (change)="loadFile($event)"/>
app.ts
loadFile(event) {
const eventObj: MSInputMethodContext = <MSInputMethodContext> event
浏览 3提问于2017-09-03得票数 1
1回答
只有当鼠标位于形状本身而不是包含object:over的虚方格上时，才有可能在Fabric.js中捕获它吗？
我有一个，它包含一个U形。您可以看到，即使我在U内有指针，并且没有触及任何线条，它仍然检测到它是一个object:over事件。
Javascript:
var canvas = new fabric.Canvas("c1", {
isDrawingMode: false
});
canvas.loadFromJSON(objectsJson, function () {
canvas.renderAll();
});
canvas.on(
浏览 3提问于2014-02-02得票数 6
我正在调用一个标签，一个带有可编辑文本的彩色矩形。我不想让文字变形，如果太小，它必须保持字母宽度和线段。文本应在矩形中居中。
要做到这一点，我需要创建Fabric对象的子类，看起来我有两个解决方案：
使用类似于LabeledRect的，这是一个带有文本属性的Rect。
使用一个带有Rect和Textbox的组。但是这是一个组，当文本框在组中时，我找不到任何编辑文本的有效解决方案。。
fabric.Tag = fabric.util.createClass(fabric.Group，{ type：'ce.tag'，初始化: function() { options = {
浏览 10提问于2016-03-16得票数 1
1回答
我试图从textarea加载一个对象，下面显示了我的代码(用导出代码)，但是我无法想出如何从from加载。有人能帮忙吗。我已经在互联网上搜索了一个类似的例子，但我找不到一个，除了在厨房链接json标签上的一个。
// to JSON string
$("#canvas2json").click(function(){
canvas.isDrawingMode = false;
if(!window.localStorage){alert("This function is not supported by your browser."); r
浏览 1提问于2016-10-31得票数 0
回答已采纳
我正在使用优秀的插件来制作am，来自的"curvedText“
这是很好的工作，然而，最近的一次升级已经使插件停止通过JSON加载。下面的片段演示了这一点。
除了正在使用的fabricJS版本之外，以下两个片段都是完全相同的。
1.7.2版本：
$(function ()
{
canvas = new fabric.Canvas('c');
var CurvedText = new fabric.CurvedText('CurvedText',
{
left: 100,top: 20,
textAli
浏览 6提问于2017-02-15得票数 2
回答已采纳
1回答
我用以下代码序列化我的画布：
var user_canvas = JSON.stringify(canvas.toDatalessObject());
一切正常。然后，我用以下代码加载序列化的画布，其中'serial‘是序列化画布的var：
canvas.loadFromJSON(serial,canvas.renderAll.bind(canvas));
所有元素都按预期方式显示在页面上。在这里，虽然我不知道如何引用这些对象，但是canvas.getObjects()作为一个空白数组出现，但是如果我console.log(canvas)可以看到里面的元素，我就不能引用它们。我该怎么做
浏览 2提问于2015-04-17得票数 0
回答已采纳
1回答
脚本通过AJAX请求获取JSON数据，然后在画布上呈现。问题是同一个页面上有多个带有画布的按钮，每个按钮都会触发一个新的AJAX请求，并呈现返回的JSON数据。
问题每隔一秒钟就会出现一次(这很奇怪)。例如，在第一次渲染鼠标:向下事件工作，第二次渲染它两次，在第三次渲染它工作，在第四次渲染它两次，以此类推。
以下是在每次单击按钮时触发的脚本：
// objects variable is the JSON returned from AJAX request and
// all of it fabricJS objects.
var drawing = JSON.parse(objects)
浏览 1提问于2017-11-08得票数 1
回答已采纳
1回答
我能够在TextBox画布上创建一个FabricJS。但是我无法在FabricJS画布上创建下拉列表。有一个选项可以使用fabric.Textbox在FabricJS上创建一个TextBox，但是对于下拉列表不能这样做。请看下面关于我如何在FabricJs上创建文本框的代码，如果我想在一个DropDown画布上创建一个FabricJS组件，那么请告诉我如何做同样的事情。
如果除了使用FabricJS之外，还有其他选项允许更多的灵活性，并且是创建复杂组件的更方便的选项，那么请共享一个链接或源代码来帮助我。
关于如何在FabricJS画布上创建文本框的代码
export default funct
浏览 1提问于2020-06-29得票数 0
1回答
我试着把一些图片装在画布上。在使用JSON.stringify(canvas);.之前，它们已经被制造出来了。
这是我用来导入JSON对象的代码：
var canvas = this.__canvas = new fabric.Canvas('c');
var json2 = {"objects":[{"type":"image","originX":"left","originY":"top","left":0,"top":0,
浏览 1提问于2014-12-16得票数 0
回答已采纳
我在保存和加载应用于对象的时遇到了问题。
我已经在网上搜索了解决这个问题的方法，但没有结果。我理解，但不知道如何解决它。
基本上我在做的是..。
将动态模式应用于对象。
使用.‘JSON.strgify( MongoDB (.)’)将画布保存到canvas.toJSON
使用“loadFromJSON”加载画布
获取错误“未定义的ReferenceError: patternSourceCanvas”
我在这个问题上发现的所有东西至少可以追溯到2年前()，没有可靠的代码示例。
更新
这是我用来在路径上应用模式的函数..。
function applyPatternOnP
浏览 0提问于2018-04-05得票数 1
回答已采纳
我有一个问题，织物文本框:用户不能选择TextBox &编辑值。使用函数canvas.MoveTo将云图设置为索引2，文本框设置为索引7，我预计TextBox在图像的上方，但实际上，文本框总是显示在云图后面。
这是我的密码
var canvasObject = document.getElementById("editorCanvas");
// set canvas equal size with div
$(canvasObject).width($("#canvasContainer").width());
$(canvasObject).he
浏览 1提问于2018-11-07得票数 0
回答已采纳
我已经在这个问题上被困了几个小时了，我看不出有什么明显的理由可以解释为什么我不能这样做。
我正在使用FabricJS创建一个可编辑的画布。我目前正在添加文本功能，所以当用户单击工具图标，然后单击画布时，它将放置一个带有占位符文本的iText对象：“在这里键入.”。
我在Fabric对象中添加了一个名为placeholderPresent的属性。然后，我在画布上添加了一个侦听器，如下所示：
this.canvas.on('text:changed', (data) => {
let textObject = data.target;
浏览 5提问于2021-07-09得票数 0
即使我在演示版的上尝试过，loadFromJSON也不能使用clipto参数。
对象在画布上也显示为四舍五入，但是当我导出为JSON文件时，fabricJS导出了不正确的内容，因此我无法再次加载该JSON文件。
导出的JSON：
{"objects":[{"type":"rect","originX":"left","originY":"top","left":241,"top":253,"width":50,"height&#
浏览 0提问于2016-11-30得票数 3
有什么办法可以缩小我的最终图像大小吗？
目前，图像大小约为250~350 is。
我计划把它带到50到100 kb左右。
有可能吗？
Nodejs中的我的代码
app.get('/loadImage', async function(req, res) {
res.writeHead(200, { 'Content-Type': 'image/png' });
let newObj = req.body.fabricObject
var canvas = new fabric.StaticCanv
浏览 18提问于2022-05-19得票数 0
回答已采纳
我使用fabric.js将图像对象添加到画布中。序列化工作正常，但反序列化后画布对象为空。Console.log(JSON.stringify(画布))返回：{“对象”：[]，“背景”：“”}
这是我的代码：
var canvas = new fabric.Canvas('goCanvas');
fabric.Image.fromURL("rooryteam03da088a.jpeg", function(oImg) {
canvas.add(oImg);
});
var serialized = JSON.stringify(canvas)
浏览 9提问于2015-08-21得票数 1
回答已采纳
1回答
我开始使用非常棒的框架，并注意到对象定位的工作方式与CSS约定有点不同。在CSS将定位枢轴放置在左上角的地方，FabricJS将其放置在对象的中心：
CSS
@------------
| |
| |
| |
| |
| |
-------------
FabricJS
-------------
| |
| |
| @ |
| |
| |
-------------
有办法控制这个设置吗？谢谢。
浏览 2提问于2012-06-04得票数 3
1回答
我试图将画布作为图像发送到我的服务器，并希望以base64的形式发送。Fabricjs提供了使用canvas.toSVG()或canvas.toDataURL({format: 'image/png'})将画布转换为图像的功能，但是，我的日志上的输出似乎是Klass对象(第一次看到这个输出)，并且当将该对象发送到服务器并记录服务器上接收到的内容时，我得到一个空对象或路径，即：
{ version: '2.0.0-rc.3', objects: [] }
{ version: '2.0.0-rc.3',
objects:
[ { typ
浏览 3提问于2018-01-17得票数 4
回答已采纳
我有一个JSON格式的canvas对象。
{"type":"rect",
"originX":"left",
"originY":"top",
"left":100,
"top":100,
"width":200,
"height":200,
"fill":"blue",
"stroke":null,
"strokeWidth":1,
"strokeDashArra
浏览 3提问于2016-09-14得票数 0
回答已采纳
1回答
简单直截了当。我有个工厂：
ctrls.factory('dataLoad', ['$http', function($http) {
return {
loadFromJSON: loadFromJSON
}
function loadFromJSON() {
$http.get("data.json").then(function(response) {
return response;
});
}
}]);
这和我的控制器在同一个模块上
浏览 3提问于2016-02-18得票数 0
回答已采纳
我在我的项目中使用了 hack的。它可以随意拆分单词，但是第二行的最后一个字母不能被选中。
我需要一些帮助。
var canvas = new fabric.Canvas('c');
var textbox = new fabric.Textbox('thisisaextremlongwordlongenoughtowarp', {
left: 50,
top: 50,
width: 400,
fontSize: 24,
});
textbox.setControlsVisibility({'mb': false, 'mt
浏览 2提问于2018-03-31得票数 1
1回答
这就是我正在努力实现的目标。
我有下面的JSON响应。我使用$.getJSON方法加载JSON数据，并通过检查它是否为数组将其添加到集合中，如下所示。
{
"r": [{
"IsDefault": false,
"re": {
"Name": "Depo"
},
"Valid": "Oct8, 2013",
"Clg": [{
浏览 2提问于2013-10-18得票数 0
1回答
我有下面的JSON响应。我使用$.getJSON方法加载JSON数据，并使用回调函数检查它是否是如下所示的数组。
{
"r": [{
"IsDefault": false,
"re": {
"Name": "Depo"
},
"Valid": "Oct8, 2013",
"Clg": [{
"Name&
浏览 1提问于2013-10-20得票数 1
回答已采纳
我正在用编写我的网页应用程序，我想要创建一个查看器来呈现一个图像，并在上面创建多个可编辑多边形。
非常适合这项工作，特别是有一个使用fabric.js的有用插件。
所以，在我安装了以下库之后：
"@types/fabric": "^4.5.12",
"@types/openseadragon": "^3.0.4",
"fabric": "^5.2.4",
"openseadragon": "^3.1.0",
"openseadragon-fabricjs-ov
浏览 36提问于2022-11-06得票数 0
我正在尝试使用FabricJS从画布中获取JSON，它正确地获取图像类型，rect类型，这个问题似乎只发生在循环中。
圆圈似乎打破了，在控制显示，但笔画是不可见的。
我在下面发我的JSON
{ "version": "3.4.0", "objects": [ { "type": "image", "version": "3.4.0", "originX": "left", "ori
浏览 2提问于2019-09-24得票数 0
当我尝试将画布序列化为json，然后用loadFromJSON恢复它时，我遇到了一个问题。
下面的jsfiddle只是一个较大项目的摘录，但显示了问题所在：
fabric.MyRect = fabric.util.createClass(fabric.Rect, {
type: "myRect",
initialize(options={}){
this.callSuper("initialize", options)
this.on("moving", function(){
if(this.
浏览 1提问于2016-06-24得票数 0
在使用fabric js执行操作之后，我将画布的内容转换为json，并通过调用saveAsJson()将其保存到本地存储，并且当组件挂载时，因为我使用了function，所以我调用了loadContentBack()函数，该函数非常完美地加载。但是，当我开始对对象执行操作时，我得到了错误，object.set不是一个函数，只有当我从json加载画布内容时才会出现这个错误。
function saveAsJson() {
if (canvas) {
localStorage.setItem("canvasJson", JSON.stri
浏览 17提问于2021-12-12得票数 0
1回答
我在同一页上做了多张画布(取决于pdf页)，效果很好。
但是当我添加按钮来添加不同的画布时，有些并不是很好用！我想做什么？嗯，我正在尝试为不同的画布添加ex: text on (鼠标: down)。
这是我的代码：
HTML
<a href="#" id="addText" class="tool-button">
<span>
<i class="fa fa-pen"></i>
</span>
</a>
<a href=&
浏览 15提问于2022-04-23得票数 1
回答已采纳
我使用以下代码来尝试是否可以从json字符串加载画布，然后为其生成dataURL png：
var fabric=require('fabric');
var canvas = new fabric.fabric.Canvas();
var jsonStr='{"objects":[],"background":"rgba(0, 0, 0,0)","backgroundImage":"http://entropy.tmok.com/~gauze/canvas/any.gif","ba
浏览 1提问于2012-12-29得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
