Konva haveIntersection js
基础概念
Konva.haveIntersection 是 Konva.js 库中的一个方法，用于检测两个或多个形状（如矩形、圆形、路径等）是否相交。Konva.js 是一个用于创建高性能、交互式图形的 JavaScript 库。
相关优势
- 高性能：Konva.js 使用 Canvas 和 WebGL 进行渲染，能够处理大量图形元素而保持流畅的用户体验。
- 丰富的形状和组件：提供多种内置形状（如矩形、圆形、路径等）和组件（如组、层等），方便构建复杂的图形界面。
- 事件处理：支持丰富的事件处理，如点击、拖动、缩放等，便于实现交互功能。
- 易于集成：可以轻松集成到现有的 Web 应用程序中。
类型
Konva.haveIntersection 方法主要用于检测形状之间的相交情况，返回布尔值（true 或 false）。
应用场景
- 碰撞检测：在游戏或模拟应用中，用于检测物体之间的碰撞。
- 图形编辑器：在图形编辑器中，用于检测用户选择的形状是否与其他形状重叠。
- 数据可视化：在数据可视化应用中，用于检测不同数据区域之间的重叠情况。
示例代码
以下是一个简单的示例，展示如何使用 Konva.haveIntersection 方法检测两个矩形是否相交：
<!DOCTYPE html>
<html>
<head>
<title>Konva.js Intersection Example</title>
<script src="https://cdn.jsdelivr.net/npm/konva@8.3.5/konva.min.js"></script>
</head>
<body>
<div id="container"></div>
<script>
// 创建舞台和层
var stage = new Konva.Stage({
container: 'container',
width: window.innerWidth,
height: window.innerHeight
});
var layer = new Konva.Layer();
// 创建两个矩形
var rect1 = new Konva.Rect({
x: 50,
y: 50,
width: 100,
height: 100,
fill: 'red'
});
var rect2 = new Konva.Rect({
x: 100,
y: 100,
width: 100,
height: 100,
fill: 'blue'
});
// 添加矩形到层
layer.add(rect1);
layer.add(rect2);
// 检测矩形是否相交
var isIntersecting = Konva.haveIntersection(rect1, rect2);
console.log('Rectangles intersect:', isIntersecting);
// 添加层到舞台
stage.add(layer);
</script>
</body>
</html>参考链接
常见问题及解决方法
- 形状未正确显示：确保所有形状都正确添加到层中，并且层已添加到舞台中。
- 相交检测不准确：确保形状的坐标和尺寸设置正确，特别是在动态更新形状位置时。
- 性能问题：对于大量形状的相交检测，可以考虑使用空间分区算法（如四叉树）来优化性能。
通过以上信息，你应该能够全面了解 Konva.haveIntersection 方法的基础概念、优势、类型、应用场景以及常见问题的解决方法。
相关·内容
1回答
请解释一下从node_modules文件夹中使用导入/要求库的思想。
我只想在我的简单项目中使用konva.js，使用node.js作为后端，配置了活动服务器扩展。
如果我像这样将它导入HTML文件
<script src="https://unpkg.com/konva@4.0.0/konva.min.js"></script>
<script> /*using konva library here or *.js*/</script>
一切正常
据我所知，这个URL直接将整个konva.min.js导入到我的HTML中。
如果
浏览 3提问于2020-05-09得票数 3
回答已采纳
2回答
我正在努力学习如何通过一个名为的包来使用画布。npm的安装很简单，我添加了一些演示代码.
// in MainComponent.js
import {Stage, Layer, Rect} from 'react-konva';
// in render()
<Stage width={700} height={70}>
<Layer fill={'red'}>
<Rect ... and so on
我的代码在获取颜色时提到了Konva ..。
Konva.Util.getRandomColor()
但我的浏览器
浏览 0提问于2017-07-11得票数 1
回答已采纳
2回答
我正在尝试使用konva，react-konva来构建一个react应用程序。
我构建了一个基本的react组件：
import React, { Component } from "react";
import { Stage } from "react-konva";
import Square from "./Square.jsx";
class Map extends Component {
render() {
return (
<Stage height={100} width={100}>
浏览 3提问于2017-07-13得票数 3
安装并导入Konva和react-konva后，我的jest@enzyme测试无法运行，并显示以下错误：
测试套件运行失败
Jest encountered an unexpected token
This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript.
By default, if Jest sees a Babel config, it will use that to transform your files,
浏览 77提问于2021-06-10得票数 3
如果可以将Rect元素笔划(边框)更改为波形样式，如下图所示。我会让用户通过鼠标移动来绘制Rect。 我知道怎么把边框改成Dashed，但是wave怎么样？ ? 这是Konva.js和API文档https://konvajs.org/api/Konva.Rect.html的Rect示例代码。 <!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/konva@7.0.3/konva.min.js"></script>
<
浏览 55提问于2020-07-28得票数 1
回答已采纳
1回答
当从react konva-utils导入Html时，我得到以下错误。我已经尝试过使用动态导入和标准导入来导入它。例如：
export const Html = dynamic(
() => import("react-konva-utils").then((mod) => mod.Html),
{
ssr: false,
}
);
或
import {Html} from "react-konva-utils"
我仍然不断地得到以下错误。
error - ./node_modules/react-konva-utils/node
浏览 23提问于2022-03-25得票数 0
我正在尝试使用KonvaJS，并且我选择通过npm安装它。所以，正如我在https://konvajs.org/docs/index.html上提到的，我使用了"npm install konva"，一切看起来都很好。我在我的index.js中像这样导入了Konva：import Konva from 'konva'; 我的脚本与我的index.html相关，在主体的末尾有一个脚本标记：<script type="text/javascript" src="./index.js"></script> 当我
浏览 12提问于2020-06-15得票数 1
回答已采纳
1回答
我试图通过遵循Vue-konva将实现到我的应用程序中。但我遇到了以下错误：
Must use import to load ES Module: /Users/myName/projects/projectName/node_modules/konva/lib/index-node.js require() of ES modules is not supported.
require() of /Users/myName/projects/projectName/node_modules/konva/lib/index-node.js from /Users/myName/project
浏览 3提问于2021-11-02得票数 3
回答已采纳
我正在寻找一种使用Konva.JS在2列之间拖放项目的方法。因为我找到了a sample code using Sortable.JS，所以我移植了它，并编写了以下代码。使用此代码，我预计会有两个垂直的独立滚动条，如下面的示例图像所示： ? 然而，并不是这样的，如运行我的代码的图像所示： ? ..。 我的代码： <!DOCTYPE html>
<html>
<head>
<script src="https://unpkg.com/konva@5.0.2/konva.min.js"></
浏览 42提问于2020-05-03得票数 1
回答已采纳
我是reveal.js的新手，并且尝试在我的幻灯片中加入konva.js 2D绘图。我修改了提供的任何插件的，解释了如何在幻灯片中包含d3.js图表，但是我的工作失败了，在预期的卷积元素中什么也没有出现。我试着在chart.js图表上重复这一工作，一切都很好。有谁可以帮我？
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=devic
浏览 13提问于2022-05-01得票数 1
回答已采纳
我正在寻找一种方法来获得Konva标签("Hello World!“)的ID (下面代码中的123)。在下面的代码中)来自Konva的'dblclick‘事件。 我可以从Konva的'dblclick‘和'dragmove’事件中获取Konva Image的ID (下面代码中的321)(Konva的徽标"K“)。我还可以获得Konva标签("Hello World!")的ID (下面代码中的123)。来自'dragmove‘事件；但是我无法获得Konva标签("Hello World!")的ID (下面代码中的1
浏览 73提问于2020-10-22得票数 1
回答已采纳
在cdn中使用vue-konva并没有ES6编译器是可行的，我尝试使用本页中提供的下一段代码。
<html>
<head>
<meta charset='utf-8'>
<meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'>
<meta http-equiv='x-ua-compatible' content='ie=edge
浏览 0提问于2018-12-13得票数 1
回答已采纳
我在我的项目中使用Konva JS。我正在添加一个形状的按钮点击，这是可拖动的。单击该形状，我需要获得该形状的X和Y位置。getX和getY函数返回原始的X和Y。如何在拖动后更新X和Y。 下面是示例代码。 var stage = new Konva.Stage({
container: 'canvas', // id of container <div>
width: 500,
height:300
});
jQuery("#add-shape").click(functio
浏览 212提问于2016-07-16得票数 8
回答已采纳
我在我的项目中使用Konva.js，并且我有一种特殊的需要在使用Konva.Rect() class.Is定义的可拖式矩形中定义文本，这是一种无需使用单独的Konva.Text()或Konva.Label()类对象的方法，因为这会变得非常复杂。
向suggestions.Thanks开放！
浏览 2提问于2018-04-06得票数 3
回答已采纳
当我拖动舞台时，舞台仅沿x轴移动。
但是konva.js文档没有对此进行解释..
只需修改有关拖动的Konva.js源代码，我就可以使用它了吗？
还是我漏掉了什么？
浏览 2提问于2018-07-10得票数 1
1回答
我目前在我的Vue.js应用程序中使用Konva.js。我想知道，他们在Konva.js中使用的是什么度量单位？我得到了一个对象数组，当我将y值增加20时，它只是稍微移动了一点。
浏览 2提问于2019-04-02得票数 2
有人能详细说明使用Konva.TextPath类和Konva.Text类之间的确切区别吗?我在我的项目中使用Konva.js库，而且我已经在任何地方搜索过这个问题，但对此没有任何明确的解释。
希望有人能帮我out.Thanks！
浏览 2提问于2018-04-06得票数 1
回答已采纳
1回答
我想拖动一个Konva层，即使是空的。我看到，我只能在存在对象的地方拖动该层(代码显示，您可以拖动矩形所在的位置，但在其他地方)。
如何拖动该层拖空部件？
此外，我也看到，如果你不在图层的对象之外，鼠标和木乃伊也不受尊重。
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
</head>
<body>
<script src="js/modulePattern.js"><
浏览 0提问于2018-11-12得票数 0
回答已采纳
考虑有一个大的(2000x1000)的舞台，里面有一些文本。舞台缩小到1000x500，使文本无法阅读。然后，我们尝试通过放大文本来放大文本。
期望:文本应该在某一时刻变得可读。
实际:无论我们放大多少，文本都是不可读的(模糊的)。
在运行代码片段后，尝试放大页面(使用桌面上的本机浏览器缩放)：
const stage = new Konva.Stage({
container: 'container',
width: 2000,
height: 1000,
});
const layer = new Konva.Layer();
stage.add(l
浏览 10提问于2019-04-04得票数 2
我按照文档中的示例进行了gif动画加载。但是，帧被跳过，帧被不正确地显示。
这种情况发生在许多gif文件中。拜托，怎么修，有人知道吗？
下面是一个示例错误：
var width = window.innerWidth;
var height = window.innerHeight;
var stage = new Konva.Stage({
container: 'container',
width: width,
height: height
});
var layer
浏览 0提问于2019-08-12得票数 0
回答已采纳
在一些重构之后，在reactjs组件中得到了这个错误。找不到任何直接的信息。有关导致问题的代码和修复方法，请参阅下面的内容。
这是完整的例外：
Uncaught TypeError: Cannot read property '_idCounter' of undefined
at ReactDOMTextComponent.mountComponent (ReactDOMTextComponent.js:78)
at Object.mountComponent (ReactReconciler.js:45)
at ReactKonvaComponent.mountChildr
浏览 12提问于2017-08-12得票数 0
回答已采纳
我在我的项目中使用konva js。我怀疑如何更新已经存在的形状、宽度和高度的值。
例如：
var stage = new Konva.Stage({
container: 'container',
width: width,
height: height,
fill: "white",
});
var layer = new Konva.Layer();
stage.add(layer);
var bg = new Konva.Rect({
x: 0,
y: 0,
width:
浏览 1提问于2021-09-30得票数 0
回答已采纳
我有一个图像模板，当用户更改模板内的图像时，服务器将自动为用户呈现一个新的图像。我只想做这些。
我有一个来自我以前创建的模板的json。现在，我想通过json在服务器端(json，restful )上导出它。
当我尝试这段代码时
import {Stage} from 'konva/lib/core';
app.get('/', (_req: Request, res: Response, _next: NextFunction) =>
res.status(200).send({
message: loadKonvaJson(),
浏览 1提问于2019-09-01得票数 1
回答已采纳
1回答
有人知道如何在Vue.js中使用Konva.js创建层间的冲突？例如，我有一个正方形，中间是小点。我想要的是在正方形内挡住点。我们可以拖着它到处走，但我们不能把它拖出正方形。我真的很感谢你的帮助。
var vm = this;
const stage = vm.$refs.stage.getStage();
var layer = new Konva.Layer();
var group = new Konva.Group({
x: 100,
y: 100,
draggable: false
});
var text = new Konva.T
浏览 0提问于2018-05-14得票数 0
回答已采纳
1回答
使用konva.js，您可以在画布上创建视频组件。在这里，您可以在docs ()中看到这个示例。
现在我使用vue-konva，没有组件在画布上创建视频。您需要使用v映像组件来完成它，但是我无法使它工作。有可能用vue-konva吗？
浏览 12提问于2020-04-14得票数 2
回答已采纳
1回答
我想要隐藏并显示一个Konva.text当我拖动一个->显示文本和拖动结束隐藏文本，但我不明白为什么当我拖动结束Konva.text不隐藏。
var stage = new Konva.Stage({ container: 'container', width: 400, height: 250 });
var layer2 = new Konva.Layer(); var groupe = new Konva.Group({})
var lineV = new Konva.Rect({ x: 50, y: 50, width: 70, height: 50, dr
浏览 0提问于2018-11-05得票数 1
回答已采纳
我试图能够拖动一个形状，即使在它上面有另一个形状。
，如果是的话，你知道怎么做吗?
是否有Konva参数可以解决这种情况?
谢谢
const stage = new Konva.Stage({
container: 'container',
width: 300,
height: 300
});
const layer = new Konva.Layer();
stage.add(layer);
const shape = new Konva.Rect({
x: stage.width() / 2,
y: stage.height() / 2,
浏览 3提问于2022-02-06得票数 2
我使用来自HTML5的组件构建了一个小型的Konva.js画布动画。一切都很好，除了画布元素的大小是我预期的2倍-我想是因为我有一个HiDPI/Retina显示器。具体来说，元素看起来就像
<canvas width="2048" height="1000" style="padding: 0px; margin: 0px; border: 0px; background: transparent; position: absolute; top: 0px; left: 0px; width: 1024px; height: 500px;"
浏览 3提问于2017-11-23得票数 0
回答已采纳
我想用RegularPolygon画一个“扁平”的六边形，但想要调整高度和宽度。“扁平”的部分很容易旋转30度，但我似乎想不出如何让它变得更高更瘦。有什么建议吗？ 提前谢谢。 丹 const stage = new Konva.Stage({
container: 'container',
width: window.innerWidth,
height: 150
});
const layer = new Konva.Layer();
stage.add(layer);
var hexagon = new Konva.RegularPolygon({
浏览 28提问于2020-01-01得票数 1
回答已采纳
我正在使用 js框架来渲染大厅地图。我实现了缩放功能，发现如果大厅很大，可能需要很长时间(大约2,5秒)。
问题是这个冗长的计算会在konva代码中重新出现。我能快一点吗？
我的js缩放js函数是：
zoomKonvaIn: function (el) {
var scaleBy = 1.1;
var stage = $(el.data('mfw_konva')).data('konva');
var oldScale = stage.scaleX();
var newScale = oldScale * scaleBy;
浏览 15提问于2018-01-26得票数 1
1回答
我是Konva.js lib的新手，我在画布元素中实现了img的拖放，我想告诉用户img是可拖动的，所以我想做一些像这样的->
你知道如何在Konva.js中做到这一点吗？谢谢!
浏览 25提问于2019-11-04得票数 1
可以将konva js添加到现有的canvas中吗？canvas类是“自定义”的，它没有id，是否可以将Konva stage直接启动到canvas中而不是容器中？
浏览 0提问于2018-08-06得票数 2
在这个演示中，我刚刚用我的.png文件替换了.svg文件：，但是过滤不起作用，它说：konva.min.js.download:12 Konva错误:无法应用过滤器。未能在“CanvasRenderingContext2D”上执行“getImageData”：画布已被跨源数据污染.
Konva.Image.fromURL('./graphic-01.svg', function (lion) {
var stage = new Konva.Stage({
container: 'container',
width: window.
浏览 6提问于2021-09-01得票数 0
我想渲染一个在谷歌地图层之上的Konva形状。由于我使用的是React，所以我使用react konva和react google-map/api库来处理。
每次运行yarn start时，我都会得到以下错误：Text components are not supported for now in ReactKonva. You text is: "Loading..."
版本
react konva："16.13.0-6“
react google-map/api："1.9.12“
昆瓦："7.0.6“
铬："85.0.4183
浏览 1提问于2020-09-10得票数 1
回答已采纳
我用konva.js和打字本写了一个国际象棋游戏。
现在我想用test测试它，但是在导入Konva时会发生错误。
这是错误信息。
我知道这可能是由esModule编译器引起的。
我曾尝试在transformIgnorePatterns中添加konva，但没有工作。
或者我应该嘲笑_mock_的konva。
我怎么解决的，谢谢大家。
Jest encountered an unexpected token
Jest failed to parse a file. This happens e.g. when your code or its dependencies use n
浏览 9提问于2022-03-12得票数 0
1回答
我是一个图形noobie，需要帮助理解各种javascript 2D库的功能。。。
我从Pixi.js中得到了什么，而不是从基于画布的库(如Konva )中获得的呢？
如果我没有从Konva.js /SVG/CSS库(如D3.js )中得到什么，那么我能从其中得到什么呢？
在这一点上，我所理解的就是Pixi是一个WebGL库，所以您可以通过GPU获得更快的渲染速度。但是，我不知道如何描述Konva做了什么/它是如何工作的。
任何对行话等方面的帮助都将不胜感激！
浏览 1提问于2019-09-15得票数 9
我有以下代码，其中的形状是动态创建的。单击形状箭头时，会生成箭头，可以使用箭头头上的控制器来调整箭头的大小。
现在，当我拖动形状时，我需要移动箭头的起点。但是因为箭头在不同的层，所以我无法引用它。如何做到这一点？
示例代码：
var stage = new Konva.Stage({
container: 'canvas', // id of container <div>
width: 500,
height:300
});
var layer = new Konva.Layer();
jQuery(
浏览 0提问于2016-07-16得票数 1
回答已采纳
我是Konva 8.13的初学者，我正在尝试做一些简单的工具，其中我有一个面板，其中有一个带有rec、圆形、三角形等形状的面板，当用户单击工具中的某个项目时，会显示一条警告消息，其中包含有关对象的数据，包括类型、位置、名称。但是点击形状不起作用，我在网上看到了一个例子，但没有成功。当我在舞台上设置单击事件时，单击会工作，但我不知道单击了哪个对象。
代码：
<?php
use yii\helpers\Html;
use yii\helpers\Url;
use yii\web\View;
?>
<html>
<head>
<s
浏览 4提问于2022-10-07得票数 0
1回答
我的问题是如何创建用户界面，用户可以通过拖动路径上的上的锚点来修改复杂的路径。注：on -例如，该中的Bezier曲线控制点远离路径本身，而我更喜欢上的锚点，这是一条复杂的路径。
我将尝试修改在中创建的曲线。
下面是绘制示例路径的片段。有人能帮我吗？将片段窗口稍微向下滚动，然后单击矩形以查看路径动画。
var stage = new Konva.Stage({
container: 'container',
width: 500,
height: 500
});
var layer = new Kon
浏览 0提问于2018-11-10得票数 0
我有一个Konva组，它包含一个门户，这样我就可以像这样呈现HTML元素：
在我的门户，我有一个Wavesufer.js波形。
是否有任何方法使门户中的dom元素不是绝对位置？换句话说，让他们进入当前的konva组？因此，如果我拖动我的konva组，入口就会留在里面，并跟随它。
到目前为止我还没有任何运气..。
现在，我的波形组在画布外溢出，包含波形的konva组保持隐藏(并且向容器添加了一个滚动条-很好)，但是dom波形保持在顶部，溢出不隐藏，它在顶部可见，溢出在konva容器之外。
浏览 3提问于2021-03-31得票数 0
回答已采纳
1回答
? ? 1个->原始图像 2图片上传后的->结果： 我正在尝试转换为黑色轮廓透明的原始图片，如下图所示。 我正在为我的项目使用Konva JS库，但我无法使用Konva.js实现此功能。 请提出一些建议来实现以下功能。
浏览 88提问于2021-04-17得票数 0
回答已采纳
2回答
试图使用Rough.js渲染部分的konva阶段，但没有成功。Rough使用对画布的引用来绘制，但是konva层上的getCanvas()和toCanvas()似乎都做不到这一点。想法？
// Combined code
const cstage = new Konva.Stage({
container: 'roughAndKonva',
width: 200,
height: 200
});
const clayer = new Konva.Layer();
var konvaCanvas = clayer.getCanvas()
const crc =
浏览 0提问于2019-05-20得票数 1
回答已采纳
我对React有些陌生，这是我的第一个项目，但我花了相当多的时间学习和编写react-native代码。
我想我已经指出了为什么我会得到这个错误，但我不知道如何修复它。
我要做的是安装并运行react-konva，这是一个画布元素库，它使用Konva.js在我的应用程序中高效地显示画布元素。在运行yarn add konva react-konva --save (已经有react)之后，我遇到了依赖问题，react-konva需要react@15.6.1，但我的项目的其他部分需要react@16.0.0-alpha.12。从而引发问题。任何关于为什么会发生这种情况的洞察力(如果我不是正确的话
浏览 9提问于2017-08-10得票数 1
回答已采纳
1回答
张贴这个自我回答的问题，供我自己将来参考，万一它有助于其他人通过这条路。
我有一条直线，两端都有圆圈，作为定位直线的锚。这些形状是一组。我希望用户能够点击和拖动一个圆圈，让线跟随圆圈的运动。
这个组是可拖动的，当我拖动任何一个圆圈时，整个组都会被移动--我想要的是拖动独立于组的圆圈。
const stage = new Konva.Stage({
container: 'container',
width: window.innerWidth,
height: window.innerHeight,
}),
layer = new Konva.Laye
浏览 2提问于2022-02-04得票数 0
回答已采纳
1回答
我试图在Konva中定义一个自定义形状，我尝试了下面的代码，它绘制一个矩形，我想记录它的点击，但单击检测不起作用。为什么？
我不知道我错在哪里
<!DOCTYPE html>
<html>
<head>
<script src="https://cdn.rawgit.com/konvajs/konva/1.6.5/konva.min.js"></script>
<meta charset="utf-8">
<title>Konva Custom Shape Demo&
浏览 8提问于2017-08-11得票数 1
回答已采纳
我用d3创建了一个打包的圆，并用Konva绘制了它。如果单击压缩圆可视化中的一个圆，视口将缩放到该圆。 每个圆都附加了一个事件处理程序，在单击事件时调用该处理程序。在那里，我正在计算用于缩放整个可视化的值，以及用于重新定位可视化的值。 我似乎不能完全正确地重定位值。缩放后，发生单击事件的圆应该在视口中居中。 function zoom(circle) {
// By what value do we neeed to scale the group?
let scaleBy = root.data.konva.radius() / circle.radius()
gr
浏览 163提问于2021-09-17得票数 2
回答已采纳
我使用konva js插件来表示画布。我已经浏览了文档，但无法获得使用konvajs上传图像的任何帮助。 是不是因为这样我才需要做自定义代码？konva js支持从文件夹上传图片并保存到canvas元素吗？ 如何管理外部镜像的上传/存储？
浏览 113提问于2019-10-14得票数 6
回答已采纳
1回答
如何引用循环中的变量？
、、、
使用下面的代码，我希望记录在控制台12和3中，具体取决于指针下的矩形。我得到的总是最后的价值，三。
我不知道为什么和如何解决这个问题。
<script src="https://unpkg.com/konva@2.4.2/konva.min.js"></script>
<div id="container"></div>
<script>
var stage = new Konva.Stage({
container: 'container',
width: 1
浏览 1提问于2018-11-11得票数 1
回答已采纳
这段代码每次点击画布时都会创建矩形。然后将每个矩形对象推入数组中。我希望创建的每个矩形都能够在单击时返回自己的数组索引。
，我想用它实现什么？
我的想法是一个带有GUI的软件，允许创建带有输入和输出端口的模块/节点，并将它们连接到电线(如Max/MSP、纯数据、Quartz Composer、Reaktor、NodeRed等)。为了能够将模块连接起来，它们需要能够返回自己的ID，以便模块外部的函数可以连接它们。
var width = window.innerWidth - 50;
var height = window.innerHeight - 100;
var rectArray
浏览 6提问于2018-01-03得票数 1
回答已采纳
我目前正在研究fabric.js以及konva.js，fabric.js似乎具有不必手动实现所有选择工具的优势；然而，虽然在konva.js中很明显如何提取层的图像“投影”(因为每个层都有至少一个画布)，但我不知道在fabric.js中将组转换为图像(而不是svg!)是否困难。基本上，我需要一些输出对象，我可以将其转换为特定大小的位图，以便进一步处理。
感谢您的帮助:)！
浏览 3提问于2017-11-28得票数 0
云服务器
ICP备案
实时音视频
云直播
对象存储
腾讯云开发者
