如何在更改画布大小时让我在javafx画布上绘制的图像自动缩放
在JavaFX中，可以通过使用Canvas类来创建画布，并在其上绘制图像。当更改画布大小时，可以通过以下步骤实现绘制的图像自动缩放：
- 监听画布的大小变化事件。可以使用
widthProperty()和heightProperty()方法来获取画布的宽度和高度属性，并添加ChangeListener来监听属性的变化。
canvas.widthProperty().addListener((observable, oldValue, newValue) -> {
// 处理宽度变化
});
canvas.heightProperty().addListener((observable, oldValue, newValue) -> {
// 处理高度变化
});- 在属性变化的监听器中，重新绘制图像。可以使用
GraphicsContext类的drawImage()方法来绘制图像，并根据新的画布大小进行缩放。
canvas.widthProperty().addListener((observable, oldValue, newValue) -> {
double newWidth = newValue.doubleValue();
double newHeight = canvas.getHeight();
// 创建临时画布
Canvas tempCanvas = new Canvas(newWidth, newHeight);
GraphicsContext gc = tempCanvas.getGraphicsContext2D();
// 缩放绘制图像
gc.drawImage(image, 0, 0, newWidth, newHeight);
// 将临时画布的内容复制到原始画布
canvas.getGraphicsContext2D().drawImage(tempCanvas.snapshot(null, null), 0, 0);
});
canvas.heightProperty().addListener((observable, oldValue, newValue) -> {
double newWidth = canvas.getWidth();
double newHeight = newValue.doubleValue();
// 创建临时画布
Canvas tempCanvas = new Canvas(newWidth, newHeight);
GraphicsContext gc = tempCanvas.getGraphicsContext2D();
// 缩放绘制图像
gc.drawImage(image, 0, 0, newWidth, newHeight);
// 将临时画布的内容复制到原始画布
canvas.getGraphicsContext2D().drawImage(tempCanvas.snapshot(null, null), 0, 0);
});在上述代码中，image表示要绘制的图像对象。通过创建临时画布，并在临时画布上绘制缩放后的图像，然后将临时画布的内容复制到原始画布，实现了图像的自动缩放。
请注意，上述代码仅为示例，实际使用时需要根据具体情况进行调整和优化。
推荐的腾讯云相关产品：无
相关·内容
1回答
画布在drawImage()之后为空白
java、canvas、javafx、javafx-8
我有一个绘图窗口，允许用户打开一个图像，在上面画画，然后保存它。
我把它放在画布上，我可以创建一个空白的画布，在上面画画，并且没有问题地保存它。但是当我试图打开这个图像时：
GraphicsContext gc = canvas.getGraphicsContext2D();
File file = new File(path);
Image img = new Image(file.toURI().toString());
gc.drawImage(img,0,0);
它做的事情和以前一样。我得到了一张空白的画布，那张照片从未出现过。
我在密码里做错什么了吗？我知道路径是正确的，因为我可以在
浏览 6提问于2016-11-10得票数 1
回答已采纳
1回答
JavaFX画布没有绘制图像
java、canvas、javafx、webcam
我正在尝试从网络摄像头中获取输入，并在画布中绘制它。
为此，我编写了以下代码块：
void addImageToCanvas(Image img){
GraphicsContext gc = canvas.getGraphicsContext2D();
gc.drawImage(img, 0, 0, canvas.getWidth(), canvas.getHeight());
}
如果我只用手传递函数中的一个图像，它就能工作。
如果我传递两个Images，那么它只绘制最后一个。
但是我正在实现线程，并不断地从线程调用它。然后，函数就会站在一边，一动不动：
gc.draw
浏览 1提问于2016-06-08得票数 2
1回答
JavaFX:画布调整大小不能正常工作
javafx、canvas
我有一个JavaFX应用程序，其中有一个紫色的背景和2条对角线的画布。我将画布维度与其各自的窗格容器绑定在一起。每次调整画布的尺寸时，我都会重新绘制它。
遵循以下代码：
import javafx.application.Application;
import javafx.beans.binding.Bindings;
import javafx.beans.property.ReadOnlyDoubleProperty;
import javafx.beans.property.ReadOnlyProperty;
import javafx.beans.value.ObservableVa
浏览 15提问于2020-03-06得票数 0
1回答
我试图用javafx在画布上绘制缩放图像。使用此代码：
Image image = ...;
canvas.setWidth(scale * width);
canvas.setHeight(scale * height);
GraphicsContext gc = canvas.getGraphicsContext2D();
gc.drawImage(image, 0, 0, scale * width, scale * height);
// this gives same result
// gc.scale(scale, scale);
// gc.drawImage(edit
浏览 1提问于2017-06-08得票数 3
回答已采纳
1回答
如何使Vbox使用整个空间
java、javafx
这是javafx8，我必须在这里写它，因为我没有足够的代表来使用这个标记。
简单的例子：
public class Test extends Application
{
public static void main(String args[]) throws Exception { launch(args); }
private Canvas canvas;
@Override
public void start(Stage primaryStage)
{
VBox box = new VBox();
Button dummyButton = new
浏览 1提问于2015-07-23得票数 0
1回答
为什么画布在ColorAdjust的应用效果之后没有清除？
java、javafx
在应用颜色调整效果和重新绘制画布之后，画布没有被清除，所以我可以用其他图像更新画布，图像是重叠的。
我有一个边框窗格，包含滚动窗格来调整大图像，滚动窗格包含画布
一种清除画布的功能，然后调整亮度，并在画布上应用效果。
import javafx.application.Application;
import javafx.fxml.FXMLLoader;
import javafx.scene.Group;
import javafx.scene.Parent;
import javafx.scene.Scene;
import javafx.scene.canvas.Canvas;
impo
浏览 5提问于2020-06-02得票数 0
回答已采纳
2回答
JavaFx画布仅按高度调整大小，但在宽度上不调整大小。
java、canvas、javafx
我已经开始编程这个应用程序来绘制温度数据，当屏幕调整大小时，画布也应该调整大小。它正确地初始化，但是当我想调整窗口的大小时，draw()方法将只调整高度大小，根据它绑定到的stackpanes高度值，但是它将完全忽略宽度。听者甚至不会开火。这我觉得很奇怪。另外，我还必须为minSize设置StackPane，否则什么都画不出来。我不使用FXML。
有人有什么想法吗？
编辑i将第58行从setRight()更改为setCenter，正如在InternetUnexplorer解决方案中提到的那样。但我还是很好奇为什么会这样，所以我做了一些研究。我在网上发现了这个：
顶部/底部区域:可以水平收缩
浏览 3提问于2017-07-05得票数 0
回答已采纳
1回答
将画布大小绑定到父级时，JavaFX未重绘
canvas、javafx、repaint
下面的代码在窗口调整大小时触发doDrawing()，但是现有的图形没有失效/重绘(参见图像链接)。我的理解是JavaFX在幕后处理这件事。我遗漏了什么？谢谢。
编辑:我发现如果我在GraphicsContext上调用clearRect，指定整个画布，它会正确地重新绘制，但我认为JavaFX可以识别需要重新绘制的内容。
import javafx.application.Application;
import javafx.beans.value.ObservableValue;
import javafx.scene.Scene;
import javafx.scene.canvas.Ca
浏览 6提问于2017-03-11得票数 0
回答已采纳
2回答
JavaFX画布扭曲图像
java、image、canvas、javafx
我正在向JavaFX中的图像添加帧，方法是先将帧添加到画布，然后再添加图像，这样它就会重叠，图像看起来就像有帧一样。
由于某种原因，我的图像被扭曲了，它的伸缩性很差，使其中的所有东西看起来都“胖”。如果我尝试在图像中显示图像(在代码中名为“ImageView”的变量)，它看起来很正常，所以我试图从正常的外观ImageView中获取值(width和height)，但仍然没有成功：
Image i = new Image(path.toUri().toString());
image.setImage(i);
canvas.setWidth(image.getFitWidth() + 20);
浏览 1提问于2014-06-24得票数 1
3回答
JavaFX drawImage旋转
java、image、javafx、rotation、transform
我正在使用JavaFX，在类开始(theStage阶段)中，我有以下代码：
/*... Scene, stage, canvas ...*/
GraphicsContext gc = canvas.getGraphicsContext2D();
Image imgage = new Image("gfx/image.png");
gc.drawImage(image, 256, 256);
我如何画它旋转而不旋转的轴？我发现并尝试过这个：
gc.save(); // saves the current state on stack, including the current
浏览 11提问于2015-11-09得票数 2
回答已采纳
1回答
javafx快照性能低下
java、javafx
我正在创建一个基本的空间实时战略游戏，需要一个非常大的地图，但将只显示地图的一小部分在同一时间。我发现这在使用imageview的视窗中很容易做到。不幸的是，imageview需要一个图像来传递给它，而我一直在使用画布将所有的精灵绘制到背景上。我一直使用快照来拍摄完全渲染的场景的图像，并将其传递给imageview，以便我可以使用视口，但这导致了性能的严重下降。如果不使用快照，游戏将以60+ fps运行，但是当使用快照时，fps始终为15或更低。当场景是1024x512时，使用快照不是问题，但现在场景是4096x2048。有没有更好的方法在不使用快照的情况下每秒使用imageview和view
浏览 0提问于2016-11-15得票数 1
1回答
如何使图像不因旋转而调整大小(在JavaFX中)？
java、javafx
我有一个旋转图像并使用drawImage方法将其显示在画布上的方法。但是，当旋转图像时，由于宽度和高度的变化(例如，旋转一个正方形，图像的宽度和高度会发生变化)，图像会收缩和增长。以下是一种方法：
public void rotateImage(GraphicsContext gc, double speed) {
erase(gc); // erases the previous image
imgView.setRotate(imgView.getRotate() + speed);
SnapshotParameters params = new Snapshot
浏览 0提问于2019-05-25得票数 0
回答已采纳
1回答
JavaFX帆布旋转图像固定中心(不反弹)
canvas、javafx、rotation、imageview、bounce
我试着用旋转的转子/头来设计风车。茎本身是固定的，并作为背景绘制到画布(javafx)上。转子/磁头本身就是另一幅图像。我认为我可以旋转图像本身，并将其绘制到图形上下文中。(不起作用)然后我尝试了各种方法：
将图像绘制到另一个画布上，旋转画布，生成该画布的快照。(不起作用)
制作一个图像视图，旋转图像视图，快照并绘制它(没有工作)和
我试着做了一个RotateTransition (没成功)。现在我回到b:我旋转的图像的ImageView。
B有点工作，有点！它不知为何“反弹”，我不知道为什么，因为医生说ImageView.setRotate(..)围绕中心旋转图像。图像本身具有相同的高度和长
浏览 10提问于2017-10-02得票数 1
回答已采纳
1回答
JavaFX AnimationTimer由于单击按钮而被调用时不会启动
java、javafx
我试图添加一个‘开始’按钮到一个地球绕太阳运行的小动画。我的问题是，当我单击按钮时，AnimationTimer似乎从未收到start()调用。
当点击按钮的事件被触发时，动画计时器应该启动，从而使图形上下文(在画布上)开始绘制。
我肯定我在某个地方犯了一个愚蠢的错误，但我的一生都搞不清楚。
下面是代码：
import javafx.application.Application;
import javafx.stage.Stage;
import javafx.scene.Group;
import javafx.scene.Scene;
import javafx.scene.canvas
浏览 3提问于2018-01-01得票数 0
回答已采纳
1回答
在JavaFX中将形状放置在画布上
java、canvas、javafx
我创造形状，我需要在帆布上定位
Class Square绘制正方形并插入canvas位置
public class Square{
//calculate the position of the rand column to
//draw and insert in the position of the canvas
public void drawSquare(int posX, int posY, GraphicsContext gc) {
//Square Shadow
//gc.rect(posX, posY, w, h);
浏览 1提问于2017-02-05得票数 1
回答已采纳
1回答
如何在AnimationTimer循环JavaFX中生成对象生成器
java、javafx
我在JavaFX上做一个简单的宇宙飞船游戏。我有类SpaceShip，我想在我的主游戏循环中，在随机开始位置(例如，间隔5秒)，从这个类中生成随机对象。我尝试对任务使用Timer schedule()方法。问题是我无法清晰地看到宇宙飞船的图像，因为不断的循环，它消失了，在另一点上显现。谁能帮我提个建议如何处理这件事。
我的游戏回路：
new AnimationTimer() {
@Override
public void handle(long currentNanoTime) {
double t = (c
浏览 2提问于2017-01-30得票数 0
回答已采纳
7回答
如何使画布在javaFX中可调整大小？
javafx、canvas、javafx-8、javafx-2、fxml
在javaFX中，没有这样的方法来调整画布的大小，唯一的解决方案是从画布扩展。
class ResizableCanvas extends Canvas {
public ResizableCanvas() {
// Redraw canvas when size changes.
widthProperty().addListener(evt -> draw());
heightProperty().addListener(evt -> draw());
}
private void draw() {
浏览 35提问于2014-07-02得票数 16
回答已采纳
1回答
如何在JavaFX中在另一个映像上创建一个图像，并在一个ActionTimer中再次更改它？
java、image、javafx、effects
我想把“地球”的图像放在“太阳”的正面上下移动，所以它创造了一个3D效果。
我已经尝试过使用setBlendMode，但是很明显，这并不适用于图像。
这是我的密码：
theStage.setTitle( "Timeline Example" );
Group root = new Group();
Scene theScene = new Scene( root );
theStage.setScene( theScene );
Canvas canvas = new Canvas( 512, 512 );
浏览 0提问于2019-05-04得票数 1
回答已采纳
1回答
画布drawImage的优化是如何工作的？
canvas、javafx
问题
我试着用画布创建一个粒子系统。有趣的是，方法drawImage非常快。我得到了90.000粒子在60 fps，甚至使用drawImage。然而，这只是相同的形象。当我用不同的图像处理粒子时，性能下降了很多。然后，我改变了图像的顺序，例如，首先绘制出image1的所有粒子，然后是所有的image2，等等，性能再次良好。
问题
有人知道为什么吗？在drawImage中是否有一些必须考虑的内部缓存机制？
码
下面是示例代码：
import javafx.animation.AnimationTimer;
import javafx.application.Application;
import
浏览 9提问于2015-07-28得票数 1
回答已采纳
1回答
HTML画布:缩放图像以适应而不拉伸？
javascript、html、canvas
我正在使用下面的代码在画布中绘制和缩放图像。问题是内部渲染的图像被拉伸以适应。
如果可能，我希望它是基于宽度缩放，但保持其纵横比。
有什么想法吗？
//IMAGE LOADER
var canvas = document.getElementById('image-canvas');
var canvas2 = document.getElementById('image-canvas2');
ctx = canvas.getContext('2d');
ctx2 = canvas2.getContext('2d');
// T
浏览 2提问于2015-01-20得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
