首页 \ 教程 \ Java

JOGL教程

教程列表

开源项目

  • Jersey

    • 知识点

  • Java

    • 相关文章

    更多
  • 关于android自动适应机型分辨率和旋转绘制图片帧的问题.
  • JOGL 处理3D图形
  • HTML5画布(Canvas)【HTML5教程 - 第七篇】
  • JQuery插件-HighCharts 一个令我蛋疼的事 求教、、
  • 《FLAS动画全面掌握》全彩版[PDF]
  • JOGL环境配置
  • JOGL基本模板API
  • JOGL转化对象
  • SVG 绘制路径path
  • SVG 绘制圆形circle
  • SVG 绘制曲线polyline
  • SVG 绘制多边形polygon
  • HMTL 图形标签（img标签）
  • Android图形缓存库Picasso内存优化
  • Flash图表控件FusionCharts如何在图表标绘非连续数据

    • 最近更新

    更多
  • java线程状态详解(6种)
  • redis从库只读设置-redis集群管理
  • Netty环境配置
  • Netty基于流的传输处理
  • Netty入门实例-使用POJO代替ByteBuf
  • Netty入门实例-时间服务器
  • Netty入门实例-编写服务器端程序
  • Netty开发环境配置
  • 电商平台数据库设计
  • HttpClient 上传文件
  • MongoDB常用命令
  • 快速了解MongoDB【基本概念与体系结构】
  • windows系统安装MongoDB
  • Spring boot整合MyBatis-Plus 之二：增删改查
  • 分布式ID生成器【snowflake雪花算法】

    • JOGL绘制图形

    2019-04-28 08:09|来源: 网路

    本教程介绍了绘制直线，用直线的各种形状。 OpenGL的API提供了原始的方法，用这些方法，可以开发形状，如三角形，多边形和圆形绘制基本图形元素如点，顶点，线等。或者二维和三维。

    图形对象

    要访问程序特定于硬件和操作系统平台，以及其他语言编写，比如C和C++(原生应用)库，Java使用一种称为Java本地接口(JNI)编程框架的工作。 JOGL内部使用此接口，如图中下面的图表来访问OpenGL函数。

    JNI

    GLEventListener接口的所有四种方法让代码(Java JOGL方法)，它内部调用OpenGL函数，这些JOGL方法的命名也类似于 OpenGL 命名约定。如果在OpenGL中的函数名是在glBegin()，它被用作gl.glBegin()。

    只要gl.glBegin()的Java JOGL的方法被调用时，它在内部调用OpenGL的glBegin()方法。这是在安装JOGL的时间对用户的系统上安装本地库文件的原因。

    Display() 方法

    这是其中包含用于开发图形的代码的一个重要方法。这就要求GLAutoDrawable接口对象作为参数。

    Display()方法中，首先得到使用GL接口的对象的OpenGL上下文（GL继承GLBase接口，该接口包含的方法来生成所有的OpenGL上下文对象）。由于本教程是关于JOGL2让我们产生GL2对象。

    让我们通过代码片段获取GL2对象：

    //Generating GL object
GL gl=drawable.getGL();
GL gl=drawable.getGL(); 
//Using this Getting the Gl2 Object            
//this can be written in a single line like        
final GL2 gl = drawable.getGL().getGL2();

    使用GL2接口的对象，就可以访问GL2接口的成员，而这又提供了访问 OpenGL[1.0 ...3.0]功能。

    绘制一条线

    GL2接口包含的方法和列表，但这里的三个主要方法的重要论述，即函数是glBegin()glVertex()和glEnd()。

    Sr. No. 方法及描述
    1

    glBegin()

    此方法开始画线过程。它采用预定义的字符串整数“GL_LINES”作为一个参数，它是由GL接口继承。
    2

    glVertex3f()/glVertex2f()

    此方法创建的顶点，我们必须通过坐标参数3f 和 2f,，这表示3维的浮点坐标和2维浮点分别坐标。
    3

    glEnd()

    行结尾

    让我们通过程序来绘制一条直线：

    import javax.media.opengl.GL2;
import javax.media.opengl.GLAutoDrawable;
import javax.media.opengl.GLCapabilities;
import javax.media.opengl.GLEventListener;
import javax.media.opengl.GLProfile;
import javax.media.opengl.awt.GLCanvas;
import javax.swing.JFrame;

public class Line implements GLEventListener{
   @Override
   public void display(GLAutoDrawable drawable) {
      final GL2 gl = drawable.getGL().getGL2();
      gl.glBegin (GL2.GL_LINES);//static field
      gl.glVertex3f(0.50f,-0.50f,0);
      gl.glVertex3f(-0.50f,0.50f,0);
      gl.glEnd();
   }
   @Override
   public void dispose(GLAutoDrawable arg0) {
      //method body
   }

   @Override
   public void init(GLAutoDrawable arg0) {
      // method body
   }
   @Override
   public void reshape(GLAutoDrawable arg0, int arg1, int arg2, int arg3, int arg4) {
      // method body
   }
   public static void main(String[] args) {
      //getting the capabilities object of GL2 profile
      final GLProfile profile = GLProfile.get(GLProfile.GL2);
      GLCapabilities capabilities = new GLCapabilities(profile);
      // The canvas 
      final GLCanvas glcanvas = new GLCanvas(capabilities);
      Line l = new Line();
      glcanvas.addGLEventListener(l);
      glcanvas.setSize(400, 400);
      //creating frame
      final JFrame frame = new JFrame ("straight Line");
      //adding canvas to frame
      frame.getContentPane().add(glcanvas);
      frame.setSize(frame.getContentPane().getPreferredSize());
      frame.setVisible(true);
   }//end of main
}//end of classimport javax.media.opengl.GL2;

    Line

    使用GL_LINES绘制形状

    让我们通过一个程序使用GL_LINES绘制一个三角形：

    import javax.media.opengl.GL2;
import javax.media.opengl.GLAutoDrawable;
import javax.media.opengl.GLCapabilities;
import javax.media.opengl.GLEventListener;
import javax.media.opengl.GLProfile;
import javax.media.opengl.awt.GLCanvas;
import javax.swing.JFrame;

public class Triangle implements GLEventListener{
   @Override
   public void display(GLAutoDrawable drawable) {
      final GL2 gl = drawable.getGL().getGL2();
      gl.glBegin (GL2.GL_LINES);
      //drawing the base
      gl.glBegin (GL2.GL_LINES);
      gl.glVertex3f(-0.50f, -0.50f, 0);
      gl.glVertex3f(0.50f, -0.50f, 0);
      gl.glEnd();
      //drawing the right edge
      gl.glBegin (GL2.GL_LINES);
      gl.glVertex3f(0f, 0.50f, 0);
      gl.glVertex3f(-0.50f, -0.50f, 0);
      gl.glEnd();
      //drawing the lft edge
      gl.glBegin (GL2.GL_LINES);
      gl.glVertex3f(0f, 0.50f, 0);
      gl.glVertex3f(0.50f, -0.50f, 0);
      gl.glEnd();
      gl.glFlush();
   }
   @Override
   public void dispose(GLAutoDrawable arg0) {
      //method body
   }
   @Override
   public void init(GLAutoDrawable arg0) {
   // method body
   }
   @Override
   public void reshape(GLAutoDrawable arg0, int arg1, int arg2, int arg3,
   int arg4) {
   // method body
   }
   public static void main(String[] args) {
      //getting the capabilities object of GL2 profile
      final GLProfile profile = GLProfile.get(GLProfile.GL2);
      GLCapabilities capabilities = new GLCapabilities(profile);
      // The canvas 
      final GLCanvas glcanvas = new GLCanvas(capabilities);
      Triangle l = new Triangle();
      glcanvas.addGLEventListener(l);
      glcanvas.setSize(400, 400);
      //creating frame
      final JFrame frame = new JFrame ("Triangle");
      //adding canvas to frame
      frame.getContentPane().add(glcanvas);
      frame.setSize(frame.getContentPane().getPreferredSize());
      frame.setVisible(true);
   }//end of main
}//end of classimport javax.media.opengl.GL2;

    如果编译并执行上述程序，将生成以下输出。它示出了使用glBegin()方法的GL_LINES画出一个三角形。

    Triangle

    让我们通过一个程序中使用GL_LINES画一个菱形：

    import javax.media.opengl.GL2;
import javax.media.opengl.GLAutoDrawable;
import javax.media.opengl.GLCapabilities;
import javax.media.opengl.GLEventListener;
import javax.media.opengl.GLProfile;
import javax.media.opengl.awt.GLCanvas;
import javax.swing.JFrame;

public class Rhombus implements GLEventListener{
   @Override
   public void display( GLAutoDrawable drawable ) {
      final GL2 gl = drawable.getGL().getGL2();
      //edge1
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0.0f,0.75f,0 );
      gl.glVertex3f( -0.75f,0f,0 );
      gl.glEnd();
      //edge2
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( -0.75f,0f,0 );
      gl.glVertex3f( 0f,-0.75f, 0 );
      gl.glEnd();
      //edge3
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0f,-0.75f, 0 );
      gl.glVertex3f( 0.75f,0f, 0 );
      gl.glEnd();
      //edge4 
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0.75f,0f, 0 );
      gl.glVertex3f( 0.0f,0.75f,0 );
      gl.glEnd();
      gl.glFlush();
   }
   @Override
   public void dispose( GLAutoDrawable arg0 ) {
      //method body
   }
   @Override
   public void init(GLAutoDrawable arg0 ) {
      // method body
   }
   @Override
   public void reshape( GLAutoDrawable arg0, int arg1, int arg2, int arg3, int arg4 ) {
      // method body
   }
   public static void main( String[] args ) {
      //getting the capabilities object of GL2 profile
      final GLProfile profile = GLProfile.get( GLProfile.GL2 );
      GLCapabilities capabilities = new GLCapabilities( profile );
      // The canvas 
      final GLCanvas glcanvas = new GLCanvas( capabilities );
      Rhombus rhombus = new Rhombus();
      glcanvas.addGLEventListener( rhombus );
      glcanvas.setSize( 400, 400 );
      //creating frame
      final JFrame frame = new JFrame ( "Rhombus" );
      //adding canvas to frame
      frame.getContentPane().add( glcanvas );
      frame.setSize( frame.getContentPane().getPreferredSize() );
      frame.setVisible( true );
   }//end of main
}//end of class

    如果编译并执行以上程序，会得到下面的输出。它示出了使用在glBegin()方法的GL_LINES产生一个菱形。

    Rhombus

    让我们通过一个程序使用GL_LINES画一所房子：

    import javax.media.opengl.GL2;
import javax.media.opengl.GLAutoDrawable;
import javax.media.opengl.GLCapabilities;
import javax.media.opengl.GLEventListener;
import javax.media.opengl.GLProfile;
import javax.media.opengl.awt.GLCanvas;
import javax.swing.JFrame;

public class House implements GLEventListener{
   @Override
   public void display( GLAutoDrawable drawable ) {
      final GL2 gl = drawable.getGL().getGL2();
      //drawing top
      gl.glBegin ( GL2.GL_LINES );
      gl.glVertex3f( -0.3f, 0.3f, 0 );
      gl.glVertex3f( 0.3f,0.3f, 0 );
      gl.glEnd();
      //drawing bottom
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( -0.3f,-0.3f, 0 );
      gl.glVertex3f( 0.3f,-0.3f, 0 );
      gl.glEnd();
      //drawing the right edge
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( -0.3f,0.3f, 0 );
      gl.glVertex3f( -0.3f,-0.3f, 0 );
      gl.glEnd();
      //drawing the left edge
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0.3f,0.3f,0 );
      gl.glVertex3f( 0.3f,-0.3f,0 );
      gl.glEnd();
      //building roof
      //building lft dia 
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0f,0.6f, 0 );
      gl.glVertex3f( -0.3f,0.3f, 0 );
      gl.glEnd();
      //building rt  dia 
      gl.glBegin( GL2.GL_LINES );
      gl.glVertex3f( 0f,0.6f, 0 );
      gl.glVertex3f( 0.3f,0.3f, 0 );
      gl.glEnd();
      //building door
      //drawing top
      gl.glBegin ( GL2.GL_LINES );
      gl.glVertex3f( -0.05f, 0.05f, 0 );
      gl.glVertex3f( 0.05f, 0.05f, 0 );
      gl.glEnd();
      //drawing the left edge
      gl.glBegin ( GL2.GL_LINES );
      gl.glVertex3f( -0.05f, 0.05f, 0 );
      gl.glVertex3f( -0.05f, -0.3f, 0 );
      gl.glEnd();
      //drawing the right edge
      gl.glBegin ( GL2.GL_LINES );
      gl.glVertex3f( 0.05f, 0.05f, 0 );
      gl.glVertex3f( 0.05f, -0.3f, 0 );
      gl.glEnd();
   }
   @Override
   public void dispose( GLAutoDrawable arg0 ) {
      //method body
   }
   @Override
   public void init( GLAutoDrawable arg0 ) {
      // method body
   }
   @Override
   public void reshape( GLAutoDrawable arg0, int arg1, int arg2, int arg3, int arg4 ) {
      // method body
   }
   public static void main( String[] args ) {
      //getting the capabilities object of GL2 profile
      final GLProfile profile = GLProfile.get( GLProfile.GL2 );
      GLCapabilities capabilities = new GLCapabilities( profile );
      // The canvas 
      final GLCanvas glcanvas = new GLCanvas( capabilities );
      House house = new House();
      glcanvas.addGLEventListener( house );
      glcanvas.setSize(400, 400);
      //creating frame
      final JFrame frame = new JFrame( "House" );
      //adding canvas to frame
      frame.getContentPane().add( glcanvas );
      frame.setSize( frame.getContentPane().getPreferredSize() );
      frame.setVisible( true );
   }//end of main
}//end of class

    如果编译并执行以上程序，会得到下面的输出。它示出了使用GL_LINES()方法生成一所房子的图。

    House

    使用glBegin()更多的参数绘画出更多的形状

    除了GL_LINES预定义的字符串参数，glBegin()方法接受八个参数。可以用它来绘制不同的形状。这些用于相同GL_LINES。

    下表显示了glBegin()方法的参数和描述：

    Sr. No. 参数和描述
    1

    GL_LINES

    创建每对顶点作为一个独立的线段。
    2

    GL_LINE_STRIP

    绘制线段的连接组从第一顶点到最后。
    3

    GL_LINE_LOOP

    绘制线段的从第一顶点到最后一个连接组再次回到第一个点。
    4

    GL_TRIANGLES

    把顶点的每一三元组作为一个独立的三角形。
    5

    GL_TRIANGLE_STRIP

    绘制三角形的连接组。一个三角形被定义为所述第一两个顶点后呈现的每个顶点。
    6

    GL_TRIANGLE_FAN

    绘制三角形的连接组。一个三角形被定义为所述第一两个顶点后呈现的每个顶点。
    7

    GL_QUADS

    将每个组的四个顶点作为一个独立的四边形。
    8

    GL_QUAD_STRIP

    绘制四边形的连接组。一个四边形被定义为每对所述第一对后呈现的顶点。
    9

    GL_POLYGON

    绘制一个单一的，凸多边形。顶点1，...，N定义这个多边形。

    让我们来看看使用glBegin()参数的一些例子。

    程序画线带钢：

    import javax.media.opengl.GL2;
import javax.media.opengl.GLAutoDrawable;
import javax.media.opengl.GLCapabilities;
import javax.media.opengl.GLEventListener;
import javax.media.opengl.GLProfile;
import javax.media.opengl.awt.GLCanvas;
import javax.swing.JFrame;

public class LineStrip implements GLEventListener{
   @Override
   public void display(GLAutoDrawable drawable) {
      final GL2 gl = drawable.getGL().getGL2();
      gl.glBegin (GL2.GL_LINE_STRIP);
      gl.glVertex3f(-0.50f,-0.75f, 0);
      gl.glVertex3f(0.7f,0.5f, 0);
      gl.glVertex3f(0.70f,-0.70f, 0);
      gl.glVertex3f(0f,0.5f, 0);
      gl.glEnd();
   }
   @Override
   public void dispose(GLAutoDrawable arg0) {
      //method body
   }
   @Override
   public void init(GLAutoDrawable arg0) {
      // method body
   }
   @Override
   public void reshape(GLAutoDrawable arg0, int arg1, int arg2, int arg3, int arg4) {
      // method body
   }
   public static void main(String[] args) {
      //getting the capabilities object of GL2 profile 
      final GLProfile profile = GLProfile.get(GLProfile.GL2);
      GLCapabilities capabilities = new GLCapabilities(profile);
      // The canvas 
      final GLCanvas glcanvas = new GLCanvas(capabilities);
      LineStrip r = new LineStrip();
      glcanvas.addGLEventListener(r);
      glcanvas.setSize(400, 400);
      //creating frame
      final JFrame frame = new JFrame ("LineStrip");
      //adding canvas to frame
      frame.getContentPane().add(glcanvas);
      frame.setSize(frame.getContentPane().getPreferredSize());
      frame.setVisible(true);
   }//end of main
}//end of classimport javax.media.opengl.GL2;

    如果编译并执行上面的代码，生成以下输出：

    LineStrip

    代码片段display()方法来绘制线路回路：

    public void display(GLAutoDrawable drawable) {
   final GL2 gl = drawable.getGL().getGL2();
   gl.glBegin (GL2.GL_LINE_LOOP);
   gl.glVertex3f( -0.50f, -0.75f, 0);
   gl.glVertex3f(0.7f, .5f, 0);
   gl.glVertex3f(0.70f,  -0.70f, 0);
   gl.glVertex3f(0f, 0.5f, 0);
   gl.glEnd();
}

    如果用上面的代码替换任何基本的模板方案的display()方法，编译并执行它，下面的输出生成：

    Line Loop

    代码片段display()方法使用GL_TRIANGLES画三角形

    public void display(GLAutoDrawable drawable) {
   final GL2 gl = drawable.getGL().getGL2();
   gl.glBegin(GL2.GL_TRIANGLES);        // Drawing Using Triangles
   gl.glVertex3f(0.5f,0.7f,0.0f);      // Top
   gl.glVertex3f(-0.2f,-0.50f,0.0f);  // Bottom Left
   gl.glVertex3f(0.5f,-0.5f,0.0f);   //Bottom Right
   gl.glEnd();   
}

    如果用上面的代码替换显示任何基本的模板程序的方法，编译并执行它，下面的输出生成：

    Triangles

    代码片段display()方法来绘制三角形：

    public void display(GLAutoDrawable drawable) {
   final GL2 gl = drawable.getGL().getGL2();
   gl.glBegin (GL2.GL_TRIANGLE_STRIP);
   gl.glVertex3f(0f,0.5f,0);
   gl.glVertex3f(-0.50f,-0.75f,0);
   gl.glVertex3f(0.28f,0.06f,0);
   gl.glVertex3f(0.7f,0.5f,0);
   gl.glVertex3f(0.7f,-0.7f,0);
   gl.glEnd();   
}

    如果要更换显示器的任何与上面的代码的基本模板方案的方法，编译并执行它，下面的输出生成：

    Triangle Strip

    代码片段display()方法来绘制四边形：

    public void display(GLAutoDrawable drawable) {
   final GL2 gl = drawable.getGL().getGL2();
   gl.glBegin(GL2.GL_QUADS);
   gl.glVertex3f( 0.0f,0.75f,0);
   gl.glVertex3f(-0.75f,0f,0);
   gl.glVertex3f(0f,-0.75f,0);
   gl.glVertex3f(0.75f,0f,0);
   gl.glEnd();   
}

    如果用上面的代码替换显示任何基本的模板程序的方法，编译并执行它，下面的输出生成：

    Quads

    代码片段display()方法来绘制多边形：

    public void display(GLAutoDrawable drawable) {
   final GL2 gl = drawable.getGL().getGL2();
   gl.glBegin(GL2.GL_POLYGON);
   gl.glVertex3f(0f,0.5f,0f);
   gl.glVertex3f(-0.5f,0.2f,0f);
   gl.glVertex3f(-0.5f,-0.2f,0f);
   gl.glVertex3f(0f,-0.5f,0f);
   gl.glVertex3f(0f,0.5f,0f);
   gl.glVertex3f(0.5f,0.2f,0f);
   gl.glVertex3f(0.5f,-0.2f,0f);
   gl.glVertex3f(0f,-0.5f,0f);
   gl.glEnd();
}

    如果用上面的代码替换任何基本的模板方案的display()方法，编译并执行它，会生成以下输出

    Polygon


    相关问答

    更多

    • 求Java 实现绘制图形并移动代码[2021-12-31]

      代码如下： import javax.microedition.lcdui.Canvas; import javax.microedition.lcdui.Display; import javax.microedition.lcdui.Graphics; import javax.microedition.midlet.MIDlet; import javax.microedition.midlet.MIDletStateChangeException; public class Zfx extends ...

    • pyecharts绘制图形时纵轴的文本为什么总是显示为数字？[2021-08-13]

      在word中插入文本框而不要图形，可以这么做 打开word，插入文本框， 然后选中文本框，单击格式菜单上的形状轮廓按钮，如图 在形状轮廓中选中边框颜色，删除里面的文字，文本框就出现了，如图

    • 使用Java Applet绘制图形(Plotting a graph using Java Applet)[2022-08-23]

      也许，你正在寻找的是一个易于使用的Java Chart应用程序。 答案是jFreeChart 。 他们有很多样品 ，以便立即开始。 关于读取CSV文件以将数据传递给jFreeChart，请使用OpenCSV 读取CSV文件非常简单 - CSVReader rec = new CSVReader(new FileReader(filePath)); String[] recLine; while ((recLine = rec.readNext()) != null) { //Get the data fr ...

    • 用sql变量绘制图形(Draw graph with sql variables)[2022-09-21]

    • 在JButton上绘制图形(Drawing graphics on top of a JButton)[2023-07-06]

      你可以继承JButton并覆盖paintComponent（）。 您可以通过为子类提供外部“画家”来处理每个具有不同图形的按钮。 或者为每个不同的图形创建一个不同的子类。 public class MyButton extends JButton { private Painter painter; public void paintComponent(Graphics g) { super.paintComponent(g); painter.paint(g) ...

    • 如何使用Quartz Framework绘制图形(How to draw graphs using Quartz Framework)[2023-12-02]

      第一种简单的方法是使用UIBezierPath在您的视图的drawRect:中绘制一条线。 您必须将接收的值转换为视图的坐标系，然后创建UIBezierPath的实例，其中使用addLineToPoint:添加所有相关点addLineToPoint: 。 最后，您调用[bezierPath stroke]来实际绘制线条。 您可以为ViewController创建数据源协议，并在视图上创建reload方法，以便在收到新数据时触发视图重绘。 A first simple approach would be to ...

    • 是否可以让用户在实时代码中绘制图形？(Is it possible to have a user draw a graphic in livecode?)[2023-09-21]

      查看choose命令。 这应该让你开始。 开始画线:(例如，这可能是一个按钮脚本。但是你想要触发用户绘图。） if there is a graphic "userLine" then delete graphic "userLine" end if set the style of the templateGraphic to "line" set the selectionHandleColor to the effective backgroundcolor of this card choo ...

    • 如何绘制图形内部节点？(How to draw inside graph nodes?)[2022-02-09]

      您的原始想法比其他答案中建议的更接近，您只需要了解selection.call的工作原理。 这没有经过测试，但一般原则是...... var node = svg.selectAll(".node") .data(graph.nodes) .enter().append("g") .attr("class", "node") .call(drawPie); function drawPie(selection) { this.selectAll("path") .data(functio ...

    • 用GD绘制图形(Plotting a graph with GD)[2022-09-21]

      这是CS / IS的一个完整的子领域，教科书，研究论文和专题讨论会专门讨论图形绘制的主题。 GraphDrawing.org 图形绘制：图形可视化的算法 图形绘图软件（数学和可视化） 绘图：方法和模型（计算机科学讲义） http://vis.computer.org/ 您可以将整个职业生涯奉献给如何绘制图表。 This is a whole subfield of CS/IS, with textbooks, research papers and symposia devoted to the subje ...

    • 不使用eval（）绘制图形(Draw graph without using eval())[2021-07-14]

      干净的方式：您可以尝试使用Jison解析表达式并从输入字符串构建AST。 然后，将函数与AST节点相关联，该节点将节点表示的操作应用于给予它们的数据。 这意味着你必须在语法和节点代码中明确地放置你想要支持的每个数学表达式，但另一方面，这也可以更容易地支持JS不支持的数学运算符。 如果你愿意投入一些时间，这可能就是你要走的路。 肮脏的方式：如果您的扩展程序在普通网站上使用，您可以通过在网站中注入