2024年HarmonyOS鸿蒙最新Graphics2D类基本使用,2024年最新ios加载h5页面很慢

深知大多数程序员,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!


img
img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,涵盖了95%以上鸿蒙开发知识点,真正体系化!

由于文件比较多,这里只是将部分目录截图出来,全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频,并且后续会持续更新

需要这份系统化的资料的朋友,可以戳这里获取

  • getRotateinstrance(double theta):旋转theta弧度。
  • getRotateInstance(double theta,dioble x,double y):绕旋转中心(x,y)旋转。
  • getScaleInstance(double sx,double sy):x和y 方向分别按sx,sy比例变换。
  • getTranslateInstance(double tx,double ty):平移变换。
  • getShearInstance(double shx,double shy):斜切变换,shx和shy指定斜拉度。

也可以先创建一个没有transform属性的AffineTransform对象,然后用以下方法指定图形平移、旋转、缩放变换属性。

  • transelate(double dx,double dy):将图形在x轴方向平移dx像素。
  • scale(double sx,double sy):图形在x轴方向缩放sx倍,纵向缩放sy倍。
  • rotate(double arc,double x, double y):图形以点(x,y)为轴点,旋转arc弧度。

例如,创建AffineTransform对象:

AffineTransform trans = new AffineTransform();

为AffineTransform对象指定绕点旋转变换属性:

Trans.rotate(50.0\*3.1415927/180.0,90,80);

接着为Graphics2D 的对象g2d设置具有上述旋转变换功能的“画笔”:

Graphics2D g2d = (Graphics2D)g;g2d.setTranstorm(trans);

最后,以图形对象为参数调用具有变换功能的Graphics2D 对象的draw()方法。例如,设已有一个二次曲线对象curve,以下代码实现用上述旋转功能的g2d对象绘制这条二次曲线:

g2d.draw(curve);

4. clip属性

clip属性用于实现剪裁效果。设置剪裁属性可调用setClip()方法确定剪裁区的Shape。连续多个setClip()得到它们交集的剪裁区。

##5. composit属性

composit属性设置图形重叠区域的效果。先用方法AlphaComposite.getInstance(int rule, float alpha)得到AlphaComposite对象,再通过setComposite()方法设置混合效果。Alpha值的范围为0.0f(完全透明)-0.1f(完全不透明)。

二、Graphics2D类绘图

Graphics2D类仍然保留Graphics类的绘图方法,同时增加了许多新方法。新方法将几何图形(线段、圆等)作为一个对象来绘制。在java.awt.geom包中声明的一系列类,分别用于创建各种身体图形对象。主要有:
Line2D线段类,RoundRectangle2D圆角矩形类,Ellipse2D椭圆类,Arc2D圆弧类,QuadCurve2D二次曲线类,CubicCurve2D三次曲线类。

要用Graphics2D类的新方法画一个图形。先在重画方法paintComponent()或paint()中,把参数对象g强制转换成Graphics2D对象;然后,用上述图形类提供的静态方法Double()创建该图形的对象;最后,以图形对象为参数调用Graphics2D对象的draw()方法绘制这个图形。例如以下代码用Graphics2D的新方法绘制线段和圆角矩形:

package icu.xslblog;

import org.junit.Test;

import javax.imageio.IIOImage;
import javax.imageio.ImageIO;
import javax.imageio.ImageWriteParam;
import javax.imageio.ImageWriter;
import javax.imageio.stream.ImageOutputStream;
import java.awt.*;
import java.awt.geom.*;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.FileInputStream;
import java.io.IOException;
import java.util.Iterator;

/\*\*
 \* @ClassName TestGraphics2D
 \* @Description: TODO
 \* @Author xsl
 \* @Date 2020/11/2 14:26
 \*/
public class Graphics2DTest {

    @Test
    public void test1() throws IOException {

        // 获取源图片输入流
        FileInputStream imgFileStream = new FileInputStream("E:\\1.png");
        // 用imageIO读取图片
        Image image = ImageIO.read(imgFileStream);
        // 利用BufferedImage,将图片加载到内存中
        int height = image.getHeight(null);
        int width = image.getWidth(null);
        BufferedImage bufImg = new BufferedImage(width, height, BufferedImage.TYPE_INT_RGB);
        // 获取图像对象,来对图片进行处理
        Graphics2D g = bufImg.createGraphics();
        //抗锯齿
        RenderingHints rh = new RenderingHints(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
        rh.put(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);
        rh.put(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_LCD_HRGB);
        g.setRenderingHints(rh);

        // 画一条线
        g.drawImage(image, 0, 0, width, height, null);
        Stroke s = new BasicStroke(10, BasicStroke.CAP_ROUND, BasicStroke.JOIN_MITER);
        g.setStroke(s);
		//新方法
        Line2D line = new Line2D.Double(30.0,30.0,340.0,30.0);
        g.draw(line);
		//旧方法
		//g.drawLine(30,50,300,300);
		//g.drawLine(300,300,120,0);
		//g.drawLine(120,0,30,50);
        // 为了保证原质量输出,用ImageWriter输出图片
        Iterator writers = ImageIO.getImageWritersByFormatName("png");
        ImageWriter writer = (ImageWriter) writers.next();
        // 指定输出路径
        File f = new File("E:\\test\\out.png");
        ImageOutputStream outStream = ImageIO.createImageOutputStream(f);
        // 修改ImageWriteParam,原质量输出图片
        ImageWriteParam imageWriteParam = writer.getDefaultWriteParam();
        // 将BufferedImage转换为IIOImage,进而输出图片
        IIOImage iioImage = new IIOImage(bufImg, null, null);
        // 输出
        writer.setOutput(outStream);
        writer.write(null,iioImage,imageWriteParam);
    }
}

也可以先用java.awt.geom包提供的Shape对象,并用单精度Float坐标或双精度Double坐标创建Shape对象,然后再用draw()方法绘制。例如,以下代码先创建圆弧对象,然后绘制圆弧:

Shape arc = new Arc2D.Float(30,30,150,150,40,100,Arc2D.OPEN);
g2d.draw(arc)//绘制前面创建的图形对象arc

三、Graphics2D的几何图形类

1.线段

//声明并创建线段对象起点是(2,3),终点是(200,300)
Line2D line = new Line2D.Double(2,3,200,300);

2.矩形

//声明并创建矩形对象,矩形的左上角是(20,30),宽是300,高是40
  Rectangle2D rect = new Rectangle2D.Double(20,30,80,40);

3.圆角矩形

//左上角是(20,30),宽是130,高是100,圆角的长轴是18,短轴是15。
RoundRectangle2D rectRound = new RoundRectangle2D.Double(20,30,130,100,18,15);

4.椭圆

//左上角 (20,30),宽是100,高是50
Ellipse2D ellipse = new Ellipse2D.Double(20,30,100,50);

5.弧线

Arc2D arc1 = new Arc2D.Double(8,30,85,60,5,90,Arc2D.OPEN);
//外接矩形的左上角(10,30),宽85,高60,起始角是5度,终止角是90度
Arc2D arc2 = new Arc2D.Double(20,65,90,70,0,180,Arc2D.CHORD);
Arc2D arc3 = new Arc2D.Double(40,110,50,90,0,270,Arc2D.PIE);

参数Arc2D.OPEN、Arc2D.CHORD、Arc2D.PIE分别表示圆弧是开弧、弓弧和饼弧。

6.二次曲线

二次曲线用二阶多项式表示:

y(x)=ax2+bx+c

一条二次曲线需要三个点确定:始点、控制点和终点。

QuadCurve2D curve1 = new QuadCurver2D.Double(20,10,90,65,55,115);
QuadCurve2D curve2 = new QuadCurver2D.Double(20,10,15,63,55,115);
QuadCurve2D curve3 = new QuadCurver2D.Double(20,10,54,64,55,115);

方法Double()中的6个参数分别是二次曲线的始点、控制点和终点。以上3条二次曲线的开始点和终点分别相同。

7.三次曲线

三次曲线用三阶多项式表示:

y(x)=ax3+bx2+cx+d

一条三次曲线需要四个点确定:始点、两个控制点和终点。

  CubicCurve2D curve1 = new CubicCurve2D.Double(12,30,50,75,15,15,115,93);
  CubicCurve2D curve2 = new CubicCurve2D.Double(12,30,15,70,20,25,35,94);
  CubicCurve2D curve3 = new CubicCurve2D.Double(12,30,50,75,20,95,95,95);

方法Double()中的8个参数分别是三次曲线的始点、两个控制点和终点。

一般的方程曲线的绘制过程用一个循环控制。通过循环产生自变量的值,按照方程计算出函数值,再作必要的坐标转换:原点定位的平移变换,图像缩小或放大的缩放变换,得到曲线的图像点,并绘制这个点。以绘制以下曲线方程为例:

y(x)=sin(x)+cos(x),

绘制的部分代码可以写成如下:

double x0,y0,x1,y1,x2,y2,scale;
x0=100;y0=80;
scale =20.0;
for(x1=-3.1415926d;x1<=2\*3.1415926d;x1+=0.01d){
	y1=Math.sin(x1)+Math.cos(x1);
	//(x2,y2)是图像点
	x2=x0+x1\*scale;y2=y0+y1\*scale;
	//画一个圆点作为图像点
    g.fillOval((int)x2,(int)y2,1,1);
}

四、实际应用场景

img
img

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

图片转存中…(img-eGPWgAty-1715628204153)]
[外链图片转存中…(img-tZi00jvi-1715628204153)]

网上学习资料一大堆,但如果学到的知识不成体系,遇到问题时只是浅尝辄止,不再深入研究,那么很难做到真正的技术提升。

需要这份系统化的资料的朋友,可以戳这里获取

一个人可以走的很快,但一群人才能走的更远!不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人,都欢迎加入我们的的圈子(技术交流、学习资源、职场吐槽、大厂内推、面试辅导),让我们一起学习成长!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值