diff options
Diffstat (limited to 'examples/ImageComposition.js')
-rw-r--r-- | examples/ImageComposition.js | 174 |
1 files changed, 174 insertions, 0 deletions
diff --git a/examples/ImageComposition.js b/examples/ImageComposition.js new file mode 100644 index 0000000..46c28df --- /dev/null +++ b/examples/ImageComposition.js @@ -0,0 +1,174 @@ +/**************************************************************************** +** +** Copyright (C) 2008-2009 Nokia Corporation and/or its subsidiary(-ies). +** All rights reserved. +** Contact: Nokia Corporation (qt-info@nokia.com) +** +** This file is part of the Qt Script Generator project on Qt Labs. +** +** $QT_BEGIN_LICENSE:LGPL$ +** No Commercial Usage +** This file contains pre-release code and may not be distributed. +** You may use this file in accordance with the terms and conditions +** contained in the Technology Preview License Agreement accompanying +** this package. +** +** GNU Lesser General Public License Usage +** Alternatively, this file may be used under the terms of the GNU Lesser +** General Public License version 2.1 as published by the Free Software +** Foundation and appearing in the file LICENSE.LGPL included in the +** packaging of this file. Please review the following information to +** ensure the GNU Lesser General Public License version 2.1 requirements +** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. +** +** In addition, as a special exception, Nokia gives you certain additional +** rights. These rights are described in the Nokia Qt LGPL Exception +** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. +** +** If you have questions regarding the use of this file, please contact +** Nokia at qt-info@nokia.com. +** +** +** +** +** +** +** +** +** $QT_END_LICENSE$ +** +****************************************************************************/ + +function tr(s) { return s; } + + +function ImageComposer(parent) +{ + QWidget.call(this, parent); + + this.sourceButton = new QToolButton(); + this.sourceButton.setIconSize(ImageComposer.resultSize); + + this.operatorComboBox = new QComboBox(); + this.addOp(QPainter.CompositionMode_SourceOver, tr("SourceOver")); + this.addOp(QPainter.CompositionMode_DestinationOver, tr("DestinationOver")); + this.addOp(QPainter.CompositionMode_Clear, tr("Clear")); + this.addOp(QPainter.CompositionMode_Source, tr("Source")); + this.addOp(QPainter.CompositionMode_Destination, tr("Destination")); + this.addOp(QPainter.CompositionMode_SourceIn, tr("SourceIn")); + this.addOp(QPainter.CompositionMode_DestinationIn, tr("DestinationIn")); + this.addOp(QPainter.CompositionMode_SourceOut, tr("SourceOut")); + this.addOp(QPainter.CompositionMode_DestinationOut, tr("DestinationOut")); + this.addOp(QPainter.CompositionMode_SourceAtop, tr("SourceAtop")); + this.addOp(QPainter.CompositionMode_DestinationAtop, tr("DestinationAtop")); + this.addOp(QPainter.CompositionMode_Xor, tr("Xor")); + + this.destinationButton = new QToolButton(); + this.destinationButton.setIconSize(ImageComposer.resultSize); + + this.equalLabel = new QLabel(tr("=")); + + this.resultLabel = new QLabel(); + this.resultLabel.minimumWidth = ImageComposer.resultSize.width(); + + this.sourceButton["clicked()"].connect(this, this.chooseSource); + this.operatorComboBox["activated(int)"].connect( + this, this.recalculateResult); + this.destinationButton["clicked()"].connect( + this, this.chooseDestination); + + var mainLayout = new QGridLayout(); + mainLayout.addWidget(this.sourceButton, 0, 0, 3, 1); + mainLayout.addWidget(this.operatorComboBox, 1, 1); + mainLayout.addWidget(this.destinationButton, 0, 2, 3, 1); + mainLayout.addWidget(this.equalLabel, 1, 3); + mainLayout.addWidget(this.resultLabel, 0, 4, 3, 1); + mainLayout.sizeConstraint = QLayout.SetFixedSize; + this.setLayout(mainLayout); + + this.sourceImage = new QImage(); + this.destinationImage = new QImage(); + this.resultImage = new QImage(ImageComposer.resultSize, QImage.Format_ARGB32_Premultiplied); + + this.loadImage("images/butterfly.png", "sourceImage", this.sourceButton); + this.loadImage("images/checker.png", "destinationImage", this.destinationButton); + + this.windowTitle = tr("Image Composition"); +} + +ImageComposer.resultSize = new QSize(200, 200); + +ImageComposer.prototype = new QWidget(); + +ImageComposer.prototype.chooseSource = function() +{ + this.chooseImage(tr("Choose Source Image"), "sourceImage", this.sourceButton); +} + +ImageComposer.prototype.chooseDestination = function() +{ + this.chooseImage(tr("Choose Destination Image"), "destinationImage", this.destinationButton); +} + +ImageComposer.prototype.recalculateResult = function() +{ + var mode = this.currentMode(); + + var painter = new QPainter(this.resultImage); + painter.setCompositionMode(QPainter.CompositionMode_Source); + painter.fillRect(this.resultImage.rect(), new QBrush(new QColor(Qt.transparent))); + painter.setCompositionMode(QPainter.CompositionMode_SourceOver); + painter.drawImage(0, 0, this.destinationImage); + painter.setCompositionMode(mode); + painter.drawImage(0, 0, this.sourceImage); + painter.setCompositionMode(QPainter.CompositionMode_DestinationOver); + painter.fillRect(this.resultImage.rect(), new QBrush(new QColor(Qt.white))); + painter.end(); + + this.resultLabel.setPixmap(QPixmap.fromImage(this.resultImage)); +} + +ImageComposer.prototype.addOp = function(mode, name) +{ + this.operatorComboBox.addItem(name, mode); +} + +ImageComposer.prototype.chooseImage = function(title, property, button) +{ + var fileName = QFileDialog.getOpenFileName(this, title); + if (!fileName.isEmpty()) + loadImage(fileName, property, button); +} + +ImageComposer.prototype.loadImage = function(fileName, property, button) +{ + var image = new QImage(fileName); + + var fixedImage = new QImage(ImageComposer.resultSize, QImage.Format_ARGB32_Premultiplied); + var painter = new QPainter(fixedImage); + painter.setCompositionMode(QPainter.CompositionMode_Source); + painter.fillRect(fixedImage.rect(), new QBrush(new QColor(Qt.transparent))); + painter.setCompositionMode(QPainter.CompositionMode_SourceOver); + painter.drawImage(this.imagePos(image), image); + painter.end(); + button.icon = new QIcon(QPixmap.fromImage(fixedImage)); + + this[property] = fixedImage; + + this.recalculateResult(); +} + +ImageComposer.prototype.currentMode = function() +{ + return this.operatorComboBox.itemData(this.operatorComboBox.currentIndex); +} + +ImageComposer.prototype.imagePos = function(image) +{ + return new QPoint((ImageComposer.resultSize.width() - image.width()) / 2, + (ImageComposer.resultSize.height() - image.height()) / 2); +} + +var composer = new ImageComposer(); +composer.show(); +QCoreApplication.exec(); |