我正在尝试在KonvaImage中显示上传的图片。使用下面的代码通过blueimp load-image重新缩放图片。画布的高度和宽度设置为innerWidth和innerHeight * 1.25 (PixelRatio)，我认为这是正确的。样式内部是屏幕的实际innerWidth和innerHeight的两个值。但是如果我在<KonvaImage>元素中输出这个img，图片的右侧会被截断，大概是因为它只显示从左到右<e
浏览 30提问于2020-04-04得票数 0
回答已采纳
1回答
我一直在我的一个项目中使用这个(https://github.com/oasis10702/konva-simple-example)代码，一切工作正常。然而，将react和react-konva更新到最新版本会导致一些意外的行为。使用变压器调整矩形大小时，它会缩放边框描边，请参见图像。scaleX和scaleY似乎也没有重置，这使得我每次移动矩形时，它都会执行缩放。 ? 我对Re
浏览 54提问于2019-05-02得票数 0
回答已采纳
我已经尝试上传图像到Redux和显示在反应-Konva在许多方面。但这不是工作。包括base64和blob。但是在正常情况下，比如使用组件的状态来保存数据(Base64)，它是工作的。我也不知道原因。在我的组件中只有上传和反应按钮-Konva组件用于显示图像。onChange = { (event) => { this.handleUpload(event) }} <&#x
浏览 0提问于2018-07-03得票数 0
回答已采纳
我正在尝试使用Konva-React来使用fillpatternImage设置形状对象中的图像。我尝试过几种不同的方法，但显然我需要使用图像对象，而不是用于fillPatternImage的Konva图像。
/>
浏览 24提问于2020-05-07得票数 1
回答已采纳
1回答
这更像是一个一般性的设计问题，而不是关于一段代码的具体问题。让我做一个概要：我只使用功能组件(，React.FC)，并在需要时使用钩子共享状态。问题：
在react中，附
浏览 3提问于2020-03-10得票数 0
回答已采纳
考虑有一个大的(2000x1000)的舞台，里面有一些文本。舞台缩小到1000x500，使文本无法阅读。然后，我们尝试通过放大文本来放大文本。 container: 'container',
width/2.6.0
浏览 10提问于2019-04-04得票数 2
使用React-Konva，我创建了一个可缩放的画布/舞台，其中包含一个可拖放的图像。点也可以画在画布的一层上。有人知道我是怎么做到的</e
浏览 0提问于2018-09-26得票数 1
回答已采纳
1回答
我正在尝试使用react为应用程序创建一个UI。我已经使用react-konva创建了一个2D画布。我已经知道如何将图像导入到这个画布上，但我在尝试制作gif动画时遇到了问题。有关于如何在konva中实现它的文档，但我似乎无法将其转换为react-konva。 在konva中执行此操作的文档提供了here。
浏览 68提问于2020-03-17得票数 1
回答已采纳
1回答
我正在用React Konva编写一个简单的图像编辑器。我生成了<Stage width={500} height={500}>，但在较小的视口中，我尝试按CSS缩放画布工作表。important;`;示例：
我不能按视口缩放画布。其他功能使用此画布，并期望较大
浏览 15提问于2021-03-04得票数 0
回答已采纳
安装并导入Konva和react-konva后，我的jest@enzyme测试无法运行，并显示以下错误：Jest encountered an unexpected token
C:\avius\fortest\node_modules\konva\lib\Core.js:1
({"Object.<anonymous>":function(module,exports,require,__dirname,__filename,glo
浏览 77提问于2021-06-10得票数 3
2回答
我很难修改下面的代码，所以当缩放卷轴时，图像被放大--总是在图像的中心，而不是取决于光标的位置(所以图像不会移动，只是放大/缩小--不管光标在哪里，整个画布总是在中间放大)。所以问题是-如何缩放图像始终在中心？谢谢!var height = window.innerHeight;
container: '
浏览 27提问于2020-07-16得票数 3
回答已采纳
1回答
滑动浏览器焦点时的性能
、、、
我正在运行一个角的应用程序与一个Konva阶段与一些移动的形状和图像。我注意到，当浏览器脱离焦点，重新聚焦时，整个阶段就会冻结，而chrome dev tools中性能监视器的CPU在几秒钟内会达到100%。剖面仪显示，大约580毫秒是图像解码(绘画)和大约1000毫秒是系统。
然而，当浏览器保持不对焦时，性能监视器就不会显示出明显的变化，就像它保持焦点和形状平稳移动时一样。有人知道是什么原因导致这种性能滞后的时候，再回到窗口吗？我<
浏览 8提问于2022-05-17得票数 0
我实现了缩放功能，发现如果大厅很大，可能需要很长时间(大约2,5秒)。zoomKonvaIn: function (el) { var stage = $(el.data('mfw_konva')).data('konva');
var oldScale = s
浏览 15提问于2018-01-26得票数 1
以下是我正在努力实现的目标。所有辅助库都要求加载主库。它在为负载图像的依赖而哭泣。
加载映像文件
浏览 2提问于2014-08-18得票数 0
回答已采纳
1回答
我正在尝试在画布中打开项目文件夹图像，而不是将其上传到文件输入中。但它没有显示在那里，我正在使用react-konva添加图像。下面是我尝试上传图片的代码： const img = new window.Image();
img.src = require('../../..setDimensions({ width: img_width/ratio, height: img_height/rat
浏览 16提问于2021-01-05得票数 0
与shape的例子一样，这里有x，y，rotation等https://konvajs.github.io/docs/select_and_transform/Transform_Events.htmlreact-konva中的图像也扩展了形状。如何在react-konva中获取image(使用transformer)的这些值。
浏览 15提问于2019-01-14得票数 0
回答已采纳
我已经创建了一个非常类似于办公白板的react应用程序。我想生成每个白板的缩略图或卡片预览，并想知道如何去做。 我最初的想法是创建一个卡片组件，并以与真实白板相同的方式渲染形状。但是，每个形状的点都在舞台之外，我想不出如何缩小它。 有什么想法吗？
浏览 43提问于2020-10-24得票数 0
回答已采纳
我使用konva js插件来表示画布。我已经浏览了文档，但无法获得使用konvajs上传图像的任何帮助。 是不是因为这样我才需要做自定义代码？konva js支持从文件夹上传图片并保存到canvas元素吗？ 如何管理外部镜像的上传/存储？
浏览 113提问于2019-10-14得票数 6
回答已采纳
1回答
如何以JSON格式保存画布阶段？
、、、、
在我当前的项目中，我想构建类似图像编辑器的react和react konva。
首先，我用一些道具和默认的可拖星来渲染一个konva舞台。在接下来的步骤中，我们可以使用react konva的Image设置舞台背景图像。我们能把konva阶段保存成json格式吗？
浏览 2提问于2020-07-16得票数 0
回答已采纳
1回答
它仍然不显示图像或渐变。以下是尝试填充图像的代码。import React, { Component } from 'react'import { Layer, Textimport '.import React</e
浏览 111提问于2019-01-09得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
