方程式5（（θ/β）-cos（2πθ/β））的Java Swing GUI绘制连续图

Question

这是我在这里发布的上一个问题的扩展——方程式5（（θ/β）-cos（2πθ/β））的Java Swing GUI

我已经根据帖子中提供的答案实施了Java计划，这里是我的计划：

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Graphics;

import javax.swing.JFrame;
import javax.swing.JPanel;

public class DisplacementFunctionNew extends JFrame {
    public DisplacementFunctionNew() {
        setLayout(new BorderLayout());
        add(new CosGraph(), BorderLayout.CENTER);
    }

    public static void main(String[] args) {
        DisplacementFunctionNew frame = new DisplacementFunctionNew();
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(6000, 6000);
        frame.setVisible(true);
        frame.setLocationRelativeTo(null);
        frame.setTitle("SineWave");
    }

    class CosGraph extends JPanel {
        public void paintComponent(Graphics g) {

            int graphHeight = 5; // Declared this to set the height of graph based on the value given here.

            super.paintComponent(g);
            int xBase = 100;
            int top = 100;
            int yScale = 100;
            int xAxis = 360;

            int yBase = top + yScale;

            g.drawLine(xBase, top, xBase, top + 2 * yScale);
            g.drawLine(xBase, yBase, xBase + xAxis, yBase);

            g.setColor(Color.red);

            double maxY = 0;
            for (int i = 0; i < 360; i++) {
                maxY = Math.max(maxY, Math.abs(getValue(i)));
            }

            int x, y;


            for (int i = 0; i < 360; i++) {

                x = xBase + i;
                y = yBase - (int) (getValue(i)*graphHeight / maxY * yScale);
                g.drawLine(x, y, x, y);

            }
        }

        private double getValue(int theta) {
            int beta = 45;
            double b = (theta / (double) beta);
            double angle = 2 * Math.PI * (b);
            double c = Math.cos(angle);

            double s = (b - c);
            return s;
        }
    }
}

现在在这个程序中，我想要一个名为graphHeight的变量，它有助于增加图形的高度。如果将变量的值设为1，则可以看到如下输出：

现在，如果我尝试将高度增加到5，那么我会得到图形，但它不是平滑或连续的曲线，我会得到如下输出：

有人能帮我如何获得输出为平滑的连续曲线吗？

Answer 1

使用graphHeight定义下一个要绘制的点的y。绘制线（x，y，x，y） 。绘制点之间的距离将与graphHeight变量相关

Answer 2

您正在使用点绘制曲线。你在x轴上的每个位置放置一个点——这是有意义的。

当图形很小时，它看起来很好，因为这些点的y间距相对较小。但是，随着图形大小的增加，此缺陷变得更加明显。

这里的解决方案是用线填充垂直空间。您有几个选项可以精确实现此功能：

1. 从[x（i），y（i）]到[x（i 1），y（i 1）]划一条线——这很简单，但看起来可能不是你想要的样子

我建议第3条。请注意，您可以使用表单的循环实现此功能：

        int lastY = yBase - (int) (getValue(0)*graphHeight / maxY * yScale);
        for (int i = 1; i < 360; i++) {

            x = xBase + i;
            y = yBase - (int) (getValue(i)*graphHeight / maxY * yScale);
            g.drawLine(x-1, lastY, x-1, (y+lastY)/2);
            g.drawLine(x, (y+lastY)/2, x, y);

        }

如果一个像素重叠困扰你，你可以让它更复杂一点，这样第二行从 /-1个像素开始（取决于函数是增加还是减少）。

或者，您可以通过手动绘制线条来实现数字3，使用for循环，并基本上编写Bresenham线条算法的特例版本。