- 使用 Spring Initializr 创建 Spring Boot 应用程序
- 在Spring Boot中配置Cassandra
- 在 Spring Boot 上配置 Tomcat 连接池
- 将Camel消息路由到嵌入WildFly的Artemis上
QPainter 用于执行绘图操作,其提供的 API 在 GUI 或 QImage、QOpenGLPaintDevice、QWidget 和QPaintDevice 显示图形(线、形状、渐变等)、文本和图像。
绘图系统由 QPainter 完成具体的绘制操作,QPainter 类提供了大量高度优化的函数来完成 GUI 编程所需要的大部分绘制工作。它可以绘制一切想要的图形,从最简单的一条直线到其他任何复杂的图形,例如:点、线、矩形、弧形、饼状图、多边形、贝塞尔弧线等。此外,QPainter 也支持一些高级特性,例如反走样(针对文字和图形边缘)、像素混合、渐变填充和矢量路径等,QPainter 也支持线性变换,例如平移、旋转、缩放。
QPainter 一般在部件的绘图事件 paintEvent() 中进行绘制,首先创建 QPainter 对象,然后进行图形的绘制,最后记得销毁 QPainter 对象。当窗口程序需要升级或者重新绘制时,调用此成员函数。使用 repaint()和 update() 后,调用函数 paintEvent()。
首先要理解双缓冲绘图,可以从博客简易画板(双缓冲绘图)中学习基本原理。
1.按鼠标,移动画图,现在看到画的的图形是在tempImage上,image待机.
2.松开鼠标,将tempImage上的图形复制到image上,但是tempImage上的图形并没有消失,因为它不是临时变量,这时看到的图形其实就是image和tempImage上两张图重合在一起的图像。
3.按下鼠标再次绘图(这时image和tempImage上都有刚才画好的图,即历史记录都保存下来了),这时的图又画在tempImage上,此时image待机,松开鼠标,tempImage的图形又画在了image上.
在原有基础上,添加自己想要的绘制功能,如钢笔、线条、圆形、椭圆、三角形、菱形、矩形、正方形、六边形。
#ifndef PAINTWIDGET_H
#define PAINTWIDGET_H
#include <QtGui>
#include <QtWidgets>
#include <QMainWindow>
class PaintWidget :public QLabel
{
Q_OBJECT
public:
explicit PaintWidget(QWidget *parent = 0);
enum shape {
Pen = 1,Line,Ellipse,Circle, Triangle, Rhombus,
Rect, Square, Hexagon, Null
};
void paint(QImage &theImage);
void setImage(QImage img);
QImage getImage(); // 外部获取图像
void setShape(PaintWidget::shape ); // 设置绘制类型
void setPenWidth(int w); // 设置画笔宽度
void setPenColor(QColor c); // 设置画笔颜色
protected:
void paintEvent(QPaintEvent *);
void mousePressEvent(QMouseEvent *);
void mouseMoveEvent(QMouseEvent *);
void mouseReleaseEvent(QMouseEvent *);
private:
PaintWidget::shape type;
int penWidth;
QColor penColor;
QImage image;
QImage tempImage;
QPoint lastPoint;
QPoint endPoint;
bool isDrawing;
};
#endif// !PAINTWIDGET_H
#include <QtGui>
#include <QtWidgets>
#include <QMainWindow>
#include "header/PaintWidget.h"
PaintWidget::PaintWidget(QWidget *parent) :
QLabel(parent)
{
isDrawing = false;
}
void PaintWidget::setImage(QImage img) // 读入图像
{
image = img;
tempImage = image;
}
QImage PaintWidget::getImage() // 外部获取图像
{
if (image.isNull() != true)
return image;
}
void PaintWidget::setShape(PaintWidget::shape t) // 设置绘制类型
{
type = t;
}
void PaintWidget::setPenWidth(int w) // 设置画笔宽度
{
penWidth = w;
}
void PaintWidget::setPenColor(QColor c) // 设置画笔颜色
{
penColor = c;
}
void PaintWidget::paintEvent(QPaintEvent *) {
QPainter painter(this);
if (isDrawing == true) {
painter.drawImage(0, 0, tempImage);// 如果正在绘图,既鼠标点击或者正在移动,画在tempImage上
}
else {
painter.drawImage(0, 0, image);// 如果鼠标释放,将图保存在image上
}
}
void PaintWidget::mousePressEvent(QMouseEvent *event) {
if (event->button() == Qt::LeftButton) {
lastPoint = event->pos();
isDrawing = true;// 鼠标点击开始绘图,移动表示正在绘图
}
}
void PaintWidget::mouseMoveEvent(QMouseEvent *event) {
if (event->buttons() & Qt::LeftButton) {// 鼠标为左键且正在移动
endPoint = event->pos();
tempImage = image;
if (type == Pen) {// 如果工具为画笔,不用双缓冲直接画在画板上
paint(image);
}
else { // 否则用双缓冲绘图
paint(tempImage);
}
}
}
void PaintWidget::mouseReleaseEvent(QMouseEvent *event) {
isDrawing = false;
if (type != Pen) {
paint(image);
}
}
void PaintWidget::paint(QImage &theImage) {
QPainter p(&theImage);
QPen apen;
apen.setWidth(penWidth); // 设置画笔宽度
apen.setColor(penColor); // 设置画笔颜色
p.setPen(apen);// 设置绘图工具画笔线条宽度为4
p.setRenderHint(QPainter::Antialiasing, true); // 反走样
int x1, y1, x2, y2;
x1 = lastPoint.x();
y1 = lastPoint.y();
x2 = endPoint.x();
y2 = endPoint.y();
switch (type) { // 画图
case PaintWidget::Pen:
{
p.drawLine(lastPoint, endPoint);
lastPoint = endPoint;
break;
}
case PaintWidget::Line:
{
p.drawLine(lastPoint, endPoint);
break;
}
case PaintWidget::Ellipse:
{
p.drawEllipse(x1, y1, x2 - x1, y2 - y1);
break;
}
case PaintWidget::Circle:
{
double length = (x2 - x1) > (y2 - y1) ? (x2 - x1) : (y2 - y1);
p.drawEllipse(x1, y1, length, length);
break;
}
case PaintWidget::Triangle:
{
int top, buttom, left, right;
top = (y1 < y2) ? y1 : y2;
buttom = (y1 > y2) ? y1 : y2;
left = (x1 < x2) ? x1 : x2;
right = (x1 > x2) ? x1 : x2;
if (y1 < y2)
{
QPoint points[3] = { QPoint(left,buttom), QPoint(right,buttom), QPoint((right + left) / 2,top) };
p.drawPolygon(points, 3);
}
else
{
QPoint points[3] = { QPoint(left,top), QPoint(right,top), QPoint((left + right) / 2,buttom) };
p.drawPolygon(points, 3);
}
break;
}
case PaintWidget::Rhombus:
{
int top, buttom, left, right;
top = (y1 < y2) ? y1 : y2;
buttom = (y1 > y2) ? y1 : y2;
left = (x1 < x2) ? x1 : x2;
right = (x1 > x2) ? x1 : x2;
QPoint points[4] = {
QPoint(left,(top + buttom) / 2),
QPoint((left + right) / 2,buttom),
QPoint(right,(top + buttom) / 2),
QPoint((left + right) / 2,top) };
p.drawPolygon(points, 4);
break;
}
case PaintWidget::Rect:
{
p.drawRect(x1, y1, x2 - x1, y2 - y1);
break;
}
case PaintWidget::Square:
{
double length = (x2 - x1) > (y2 - y1) ? (x2 - x1) : (y2 - y1);
p.drawRect(x1, y1, length, length);
break;
}
case PaintWidget::Hexagon:
{
QPoint points[6] = {
QPoint(x1,y1),
QPoint(x2,y1),
QPoint((3 * x2 - x1) / 2,(y1 + y2) / 2),
QPoint(x2,y2),
QPoint(x1,y2),
QPoint((3 * x1 - x2) / 2,(y1 + y2) / 2) };
p.drawPolygon(points, 6);
break;
}
case PaintWidget::Null:
{
;
}
default:
break;
}
update();// 重绘
}
至于如何运用PaintWidget类,这里只是给个示例:
// 头文件
// 修改imgLabel的定义,原本是QLabel,现在改成PaintWidget
// 原本的图像显示方法也需要相应修改,即修改成imgLabel->setImage()和imgLabel->getImage()
PaintWidget *imgLabel; // 图像显示框
// cpp
// 需要时就使用setShape函数
imgLabel->setShape(PaintWidget::Null); // 退出绘制模式
imgLabel->setShape(PaintWidget::Pen); // 钢笔
imgLabel->setShape(PaintWidget::Line); // 线条
imgLabel->setShape(PaintWidget::Ellipse); // 椭圆
imgLabel->setShape(PaintWidget::Circle); // 圆形
imgLabel->setShape(PaintWidget::Triangle); // 三角形
imgLabel->setShape(PaintWidget::Rhombus); // 菱形
imgLabel->setShape(PaintWidget::Rect); // 矩形
imgLabel->setShape(PaintWidget::Square); // 正方形
imgLabel->setShape(PaintWidget::Hexagon); // 六边形
我正在尝试弄清楚如何让 d3 画笔创建的矩形(尤其是事件矩形)响应点击事件。最终,我想单击此对象调出一个菜单,但我似乎无法获取 rect 元素来捕获事件。 我试过下面的代码: var selector
我需要创建一个干净光滑的不透明画笔。 这是我需要的一个绘图线示例: 我得到的第二张图片: 虽然我移动光标的速度更快,但绘图线上的圆圈却变少了 var el = document.getElem
两个设备上下文 (DC) 可以共享一个 GDI 对象,例如画笔或笔吗? 最佳答案 SelectObject 的文档提到一次不能将位图选择到一个以上的 DC 中。 本质上这是因为 GDI 操作可以写入位
在应用程序中组织资源文件的最佳方式是什么?目前在我的应用程序中,我的资源添加到具有以下结构的 ResourceLib 项目中: 颜色 [文件夹] ColorTheme1.xaml ColorTheme
我尝试使用这个插件https://github.com/tcoupin/leaflet-paintpolygon用于多点圆形图像注释。但由于其中使用的库中存在错误,该插件无法正常工作。在传单或其他 J
我目前正在 Mike Bostock 的 Brush & Zoom 工作例如,尽管我没有在 svg 上覆盖一个矩形对象,而是将它附加到我的图表上,这样我仍然可以使用鼠标悬停事件和诸如此类的东西。 我很
我正在使用 D3js v4。我想要实现的是根据 this 结合画笔和缩放行为单击以重新居中画笔的示例,其中单击后画笔会居中,并且画笔边界会以平滑过渡变圆。这是我的fiddle到目前为止。 我的问题是函
我想使用 D3.js 画笔来允许用户在轴上选择一系列值。默认情况下,在画笔外部单击会将其清除,因此不会选择任何范围。 但是,我想调整此行为,以便在画笔外部单击不会改变画笔范围。实际上,应该没有办法清除
我正在尝试解决the following problem . 输入 输入以整数T(≤100)开头,表示测试用例的数量。 每个案例都以空行开头。下一行包含一个整数N(1≤N≤1000),表示有N个学生。
我创建了一个包含散点图和折线图的 D3 可视化。它们共享一个 x 轴,但每个都有自己的 y 轴。我的问题涉及如何正确实现画笔并更新两个 y 轴。 如您所见,y 轴最初是正确的,并且在关闭画笔后再次正确
是否有任何框架(可能是 openCV 中的一些方法)或关于如何在用户选择的区域中剪切图像的一部分并用图像的其他部分填充它的想法?这是例子: User selected area with house
我正在开发这个 iso 网格游戏(更准确地说:二轴投影,在典型的菱形布局中进行索引)并且想要实现圆形画笔来在我的 map 上绘制瓷砖,就像在任何图像编辑软件中一样。我从 Midpoint Circle
我使用ajax从主页调用html文件。对于主页,语法荧光笔工作正常。 但是当我在 ajax 函数中从主页调用第二个 html 页面时,语法荧光笔不起作用。 以下是ajax函数; $(document)
我需要将典型的手指绘图添加到应用中。 (通常....选择颜色、删除、厚度 - 就像您在制作的每个应用程序中看到的那样。) 很难相信我必须从头开始编程,在这个时代? 很难相信没有通用的解决方案吗? 我能
我是一名优秀的程序员,十分优秀!