To do this, we derive subclasses of QWidget and QGLWidget, using a separate Helper class to perform the same painting operations for each, and lay them out in a top-level widget, itself provided a the Window class. To be able to compare the results of painting onto a QGLWidget subclass with native drawing in a QWidget subclass, we want to show both kinds of widget side by side. The QWidget is shown with anti-aliasing enabled, and the QGLWidget will also use anti-aliasing if the required extensions are supported by your system's OpenGL driver. In this example, we perform the same painting operations on a QWidget and a QGLWidget. The only difference is that the painting operations will be accelerated in hardware if it is supported by your system's OpenGL drivers. Since QGLWidget is a subclass of QWidget, it is possible to reimplement its paintEvent() and use QPainter to draw on the device, just as you would with a QWidget. The QPainter class is used to draw 2D graphics primitives onto paint devices provided by QPaintDevice subclasses, such as QWidget and QImage. Or in a faster way using fillRect because render engine will just fill one pixel.The 2D Painting example shows how QPainter and QGLWidget can be used together to display accelerated 2D graphics on supported hardware. But you can also draw in any other direction. Keep in mind that we are drawing to South-East direction, and if this is the edge, there can be a problem. So basically there are 3 possible solutions: The only way to do so is to simulate a point with whatever you have. It seems strange, but nonetheless HTML5 supports drawing lines, circles, rectangles and many other basic shapes, it does not have anything suitable for drawing the basic point.

Then, you can use it in this way : drawPixel(1, 1, 255, 0, 0, 255) įor more information, you can take a look at this Mozilla blog post : modification are taken in consideration That's how you update the canvas, so that your That's how you define the value of a pixel Var canvasData = ctx.getImageData(0, 0, canvasWidth, canvasHeight)

var canvas = document.getElementById('m圜anvas') If you are planning to draw a lot of pixel, it's a lot more efficient to use the image data of the canvas to do pixel drawing.

2d paint