Skip to main content

Posts

Showing posts from October, 2014

PIVOT example in sql server

Explanation : create   table  DailyIncome ( VendorId  nvarchar ( 10 ),  IncomeDay  nvarchar ( 10 ),  IncomeAmount  int ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'FRI' ,  100 ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'MON' ,  300 ) insert   into  DailyIncome  values   ( 'FREDS' ,   'SUN' ,  400 ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'WED' ,  500 ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'TUE' ,  200 ) insert   into  DailyIncome  values   ( 'JOHNS' ,   'WED' ,  900 ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'FRI' ,  100 ) insert   into  DailyIncome  values   ( 'JOHNS' ,   'MON' ,  300 ) insert   into  DailyIncome  values   ( 'SPIKE' ,   'SUN' ,  400 ) insert   into  DailyIncome  values   ( 'JOHNS' ,   'FRI' ,  300 ) insert   into  DailyIncome  value

HTML5 Canvas Bezier Curve example

Here is the code : <!doctype html> <html> <head> <meta charset="utf-8"> <title>just testing</title> <script src="js/jqery2.js"></script> <script type="text/javascript"> $(document).ready(function() { }); </script> </head> <body>     <canvas id="myCanvas" width="578" height="200"></canvas>     <script>       var canvas = document.getElementById('myCanvas');       var context = canvas.getContext('2d');       context.beginPath();       context.moveTo(188, 130);       context.bezierCurveTo(140, 10, 388, 10, 388, 170);       context.lineWidth = 40;       // line color       context.strokeStyle = 'black';       context.stroke();     </script>     </body> </html>

HTML5 quadratic arc example

Here is the code: <!doctype html> <html> <head> <meta charset="utf-8"> <title>just testing</title> <script src="js/jqery2.js"></script> <script type="text/javascript"> $(document).ready(function() { }); </script> </head> <body>        <canvas id="myCanvas" width="578" height="200"></canvas>     <script>       var canvas = document.getElementById('myCanvas');       var context = canvas.getContext('2d');       context.beginPath();       context.moveTo(188, 150);       context.quadraticCurveTo(288, 0, 388, 150);       context.lineWidth = 10;       // line color       context.strokeStyle = 'black';       context.stroke();     </script>     </body> </html>

HTML5 canvas arc example

Here is the code : <!doctype html> <html> <head> <meta charset="utf-8"> <title>just testing</title> <script src="js/jqery2.js"></script> <script type="text/javascript"> $(document).ready(function() { }); </script> </head> <body>   <canvas id="myCanvas" width="578" height="250"></canvas>     <script>       var canvas = document.getElementById('myCanvas');       var context = canvas.getContext('2d');       var x = canvas.width / 2;       var y = canvas.height / 2;       var radius = 75;       var startAngle = 1.1 * Math.PI;       var endAngle = 1.9 * Math.PI;       var counterClockwise = false;       context.beginPath();       context.arc(x, y, radius, startAngle, endAngle, counterClockwise);       context.lineWidth = 15;       // line color       context.strokeStyle = 'black';