If the canvas looks distorted, then try to change the height and width −The default height and width of the canvas in HTML5 is of 2/1 ratio −width = 300 height = 150ExampleLet us see an example −                    #mycanvas{border:1px solid red;}                         Output

To draw a Bezier curve, use the BezierCurveTo() method in HTML. Let us first see the syntax −ctx.bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y);Here, cp1x − Represents the x-coordinate of the first Bezier control pointcp1y − Represents the y-coordinate of the first Bezier control pointcp2x − Represents the x-coordinate of the ... Read More

The AND has the highest priority than the OR operator in MySQL select query.Let us check how MySQL gives the highest priority to AND operator.The query is as followsmysql> select 0 AND 0 OR 1 as Result;The following is the output+--------+ | Result | +--------+ | 1     | ... Read More

Here we will see some basic file handling operations in C. The operations are listed below:Writing into a FileReading from FileAppending in a FileWrite into a fileSee the code to get the idea how we write into a fileExample Code#include int main() {    FILE *fp;    char *filename ... Read More

In today’s world, the biggest technology trend is the ‘Internet of Things (IoT);’ and true enough it is defining our lives, the way we work; shaping and influencing businesses, and governments too. It is the ‘next big thing’ or is simply being termed as a revolution/progression of the web, and ... Read More

Use the align-content property with value space-between to add space between the flex lines.ExampleYou can try to run the following code to implement the space-between valueLive Demo                    .mycontainer {             display: flex;         ... Read More

Use the flex-wrap property with wrap-reverse value to wrap flex-items in reverse order.ExampleYou can try to run the following code to implement the wrap-reverse valueLive Demo                    .mycontainer {             display: flex;         ... Read More

Use the grid-auto-rows property to set size for the rows.ExampleYou can try to run the following code to implement the grid-auto-rows property −Live Demo                    .container {             display: grid;             grid-auto-rows: 50px;             grid-gap: 10px;             background-color: red;             padding: 10px;          }          .container>div {             background-color: yellow;             text-align: center;             padding:10px 0;             font-size: 20px;          }                              1          2          3          4          5          6          

This example demonstrate about How do I add Vibrate and sound for Notification in AndroidStep 1 − Create a new project in Android Studio, go to File ⇒ New Project and fill all required details to create a new project.Step 2 − Add the following code to res/layout/activity_main.xml.   ... Read More

To create a transition effect, set the property for the transition effect. With that also set the duration of effect.transition: height 5s;You can try to run the following code to create a transition effectExampleLive demo                    div {     ... Read More