javascript - Canvas Fabric .js : how to set the height correctly?

标签 javascript css html canvas fabricjs

我使用 fabris.js 工厂来处理对象 Canvas 。如果您更改单独鼠标或单独字段的高度 - 它会起作用。如果您先更改鼠标,然后更改字段 - 以使用易于阅读的错误值。

请帮忙修复。

Full code

A bug in the video.

第 83、84 行。设置值:

canvas.getActiveObject().setHeight(parseInt(heightElInput.value));
canvas.getActiveObject().height = parseInt(heightElInput.value);

最佳答案

在某处更改对象的scaleY,这就是出现错误的原因。在第 84 行之后插入此代码,它应该可以工作: canvas.getActiveObject().scaleY = 1 - 当您垂直调整大小时,如果水平调整 - canvas.getActiveObject().scaleX = 1;另外,你可以使用 setHeight 函数,你不需要同时使用它们 – Observer

关于javascript - Canvas Fabric .js : how to set the height correctly?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41878468/

相关文章:

javascript - 在 FullCalendar 问题中设置默认点击选择突出显示

javascript - Angular 'PersonCtrl' 不是函数,未定义

html - 删除文本下方输入字段中不需要的空格

html - div 不会在移动浏览器中占用整个宽度

html - slider 上的淡入淡出动画不起作用(仅限 CSS3 和 html5)

javascript - jQuery AJAX 调用不起作用,不知道为什么

html - 打印分页符问题 - 在浏览器中打印预览

HTML 定位问题

html - CSS 和 HTML 过渡

Array.map 的 Javascript 性能