当前位置: 首页 > 知识库问答 >
问题:

结构JS将图像移动到图像容器中

司空炯
2023-03-14

好的,我需要一个功能,我需要能够在图像本身的框架内正确定位图像。

正如您在图像中看到的,图像容器的大小是固定的,如果图像大于框架本身,我需要能够在框架内重新定位图像。我尝试用矩形剪切图像并将图像定位在矩形内,但剪辑会创建一个等于矩形大小的新图像,因此到目前为止还没有成功。fabric.Image类中是否有任何属性可以让我们移动图像位置?所以我找不到任何属性。非常感谢任何帮助。谢谢。

共有1个答案

微生智刚
2023-03-14

从Fabric.jsv2开始,图像裁剪可以使用四个属性的组合来完成:cropXcropY。(http://fabricjs.com/v2-breaking-changes#image)

例如,原始尺寸为500x500像素的图像可以居中裁剪为300x300像素,如下所示:

img.set({
  width: 300,
  height: 300,
  cropX: 100,
  cropY: 100
});
 类似资料:
  • 您好,我正在尝试创建img过滤器。有一些范围输入滑块,用户可以从中选择过滤器值,然后将其应用于选定的图像对象,但每次输入更改时,它都会添加一个新的过滤器并乘以,我如何解决这个问题,下面是我的代码:

  • 我在javafx Grouping中遇到问题。我的程序是在ImageView上绘制一个矩形来裁剪图像。坐标是从鼠标按下和鼠标释放中获得的。当我将组放在GridPane布局中时,矩形没有画在正确的位置。 我的程序是 我的输出屏幕截图是 但矩形应该在图像中查看

  • 问题内容: 如何在图像或Java中添加鼠标侦听器? 这是我的代码。鼠标单击后,我想做任何事情。 问题答案: 如果您不想使用JLabel,则可以通过重写paintComponent方法将图像绘制到面板上。然后可以将侦听器添加到JPanel中。我强烈建议您使用JLabel,但是如果您仍然使用其他方式,则可以在此处看到一些内容。示例如何做。如何在Java中设置背景图片?。

  • 我目前有一个游戏,有一个地图是480x3200,一个人从顶部掉下来。镜头跟在人的后面,随着人的下落有平台。平台需要是可触摸的,所以我可以在游戏中旋转和移动它们,所以我把它变成了一个图像,而它原本只是一个精灵。 编辑:

  • 我已经开始在定义数据库的地方使用docker和docker组合。因为我没有在配置中定义卷(我的错误),所以数据库已经在容器中创建,现在下次运行docker-拉的时候,我将重新创建这个数据库,导致我的数据丢失。在不丢失数据的情况下将数据移出容器的最佳方法是什么? Dockerfile

  • 我们正在通过插件在EA中自动创建需求元素。但问题是我们无法将图像从目录导入到图像管理器,并将超链接添加到Requirement元素Notes。那么Enterprise architect是否提供了API来将映像从目录导入到映像管理器,并将超链接添加到Requirement元素注释中。