1 /****************************************************************************
3 ** Copyright (C) 2012 Nokia Corporation and/or its subsidiary(-ies).
4 ** Contact: http://www.qt-project.org/
6 ** This file is part of the examples of the Qt Toolkit.
8 ** $QT_BEGIN_LICENSE:BSD$
9 ** You may use this file under the terms of the BSD license as follows:
11 ** "Redistribution and use in source and binary forms, with or without
12 ** modification, are permitted provided that the following conditions are
14 ** * Redistributions of source code must retain the above copyright
15 ** notice, this list of conditions and the following disclaimer.
16 ** * Redistributions in binary form must reproduce the above copyright
17 ** notice, this list of conditions and the following disclaimer in
18 ** the documentation and/or other materials provided with the
20 ** * Neither the name of Nokia Corporation and its Subsidiary(-ies) nor
21 ** the names of its contributors may be used to endorse or promote
22 ** products derived from this software without specific prior written
25 ** THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS
26 ** "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT
27 ** LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR
28 ** A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT
29 ** OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
30 ** SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT
31 ** LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
32 ** DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
33 ** THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
34 ** (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
35 ** OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE."
39 ****************************************************************************/
51 Text { font.pointSize:25; text:"Squircles"; anchors.horizontalCenter:parent.horizontalCenter}
53 anchors.horizontalCenter:parent.horizontalCenter
63 renderTarget:Canvas.Image
64 renderStrategy: Canvas.Immediate
66 property string strokeStyle:"blue"
67 property string fillStyle:"steelblue"
68 property int lineWidth:2
69 property int nSize:nCtrl.value
70 property real radius:rCtrl.value
71 property bool fill:true
72 property bool stroke:false
73 property real px:xCtrl.value
74 property real py:yCtrl.value
75 property real alpha:alphaCtrl.value
77 onAlphaChanged:requestPaint();
78 onRadiusChanged:requestPaint();
79 onLineWidthChanged:requestPaint();
80 onNSizeChanged:requestPaint();
81 onFillChanged:requestPaint();
82 onStrokeChanged:requestPaint();
83 onPxChanged:requestPaint();
84 onPyChanged:requestPaint();
90 var ctx = canvas.getContext("2d");
92 var R = canvas.radius;
97 if (N<0.00000000001) M=0.00000000001;
100 ctx.globalAlpha =canvas.alpha;
101 ctx.fillStyle = "gray";
102 ctx.fillRect(0, 0, canvas.width, canvas.height);
104 ctx.strokeStyle = canvas.strokeStyle;
105 ctx.fillStyle = canvas.fillStyle;
106 ctx.lineWidth = canvas.lineWidth;
110 for (i=0; i<(2*R+1); i++){
111 x = Math.round(i-R) + canvas.px;
112 y = Math.round(Math.pow(Math.abs(Math.pow(R,M)-Math.pow(Math.abs(i-R),M)),1/M)) + canvas.py;
120 for (i=(2*R); i<(4*R+1); i++){
121 x =Math.round(3*R-i)+canvas.px;
122 y = Math.round(-Math.pow(Math.abs(Math.pow(R,M)-Math.pow(Math.abs(3*R-i),M)),1/M)) + canvas.py;
134 ctx.fillStyle = "yellow";
135 ctx.font = "Helvetica 16px";
136 ctx.fillText("|X-" + Math.round(canvas.px) + "|^" + N + " + |Y-"+Math.round(canvas.py)+"|^" + N + " = |" + Math.round(R) + "|^" + N, canvas.px - 125, canvas.py);
147 Slider {id:nCtrl; width:300; height:30; min:1; max:10; init:4; name:"N"}
148 Slider {id:rCtrl; width:300; height:30; min:30; max:180; init:100; name:"Radius"}
149 Slider {id:xCtrl; width:300; height:30; min:50; max:300; init:180; name:"X"}
150 Slider {id:yCtrl; width:300; height:30; min:30; max:300; init:220; name:"Y"}
151 Slider {id:alphaCtrl; width:300; height:30; min:0; max:1; init:1; name:"Alpha"}