Karthikeya Boyini has Published 2382 Articles

Set outline style as a solid single line with CSS

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 11:28:59

106 Views

To set the outline style as a solid single line, use the outline-style property with the value solid −Example                            This text is having 3px solid outline.          

Set the left, right, top and bottom padding of an element

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 11:14:23

144 Views

The padding property sets the left, right, top and bottom padding of an element. You can try to run the following code to implement padding property. Example                            This is a paragraph.             ... Read More

HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas for the image?

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 10:21:10

364 Views

If the HTML5 Canvas layer disappears on mouse click in Fabric.js and Firefox stops responding when creating a canvas to the image, then there is a way to drag and drop images from your computer to canvas using Fabric.This can be done by making image draggable property to true by ... Read More

Bootstrap complex form layout for combined vertical/inline fields with HTML

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 08:04:23

234 Views

Bootstrap form for combined vertical/ inline fields −                                 Left side                                 Right side                                               longer forms                                                                           shorter forms                                                   shorter forms                                                   shorter forms                                                   shorter forms                                                           Right    

Phonegap + Windows Phone 8 : HTML5 viewport meta & scaling issue

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 08:02:15

82 Views

Whenever you face such issue, it would mean you have not written the CSS properly.Just add the following in CSS −* {    zoom:1;    -ms-content-zooming:none; }For some code, even the following works −@viewport {    width:320px; } @-ms-viewport {    width:320px;    zoom-user:fixed;    max-zoom:1;    min-zoom:1; }

Animating canvas to infinitely animate the noise to give the appearance of movement in HTML

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 06:28:48

70 Views

The putImageData() method places the image data onto the canvas. To animate canvas, we create a reusable ImageData object outside the main loop, var ct = c.getContext("2d", {alpha: false});       // context without alpha channel. var a = ct.createImageData(c.width, c.height);   var buffer = new Uint32Array(a.data.buffer);   ... Read More

How do I get an address latitude-longitude using HTML5 Geolocation or Google API?

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 06:20:17

381 Views

In order to get latitude and longitude using an HTML5 Geolocation or any Google API, we need to add JavaScript for this. The script is as follows −if (navigator.geolocation) {    /*  If current position is obtained then there is success otherwise there is failure.    On failure, separate error ... Read More

HTML5 Canvas and select / drag-and-drop features in a JS library?

karthikeya Boyini

karthikeya Boyini

Updated on 04-Mar-2020 06:14:29

524 Views

If you want to use HTML5 canvas to draw shapes, texts and curves and also want to attach traditional DOM events like onClick or drag and drop functions, a crossbar framework Raphael is used for doing drag and drop or touch events.This technology uses SVG and XML for older versions ... Read More

How to loop through an array in Java?

karthikeya Boyini

karthikeya Boyini

Updated on 26-Feb-2020 10:12:36

409 Views

To process array elements, we often use either for loop or for each loop because all of the elements in an array are of the same type and the size of the array is known. Suppose we have an array of 5 elements we can print all the elements of ... Read More

C++ Program to Compute Cross Product of Two Vectors

karthikeya Boyini

karthikeya Boyini

Updated on 26-Feb-2020 09:17:44

7K+ Views

This is a C++ program to compute Cross Product of Two Vectors.Let us suppose, M = m1 * i + m2 * j + m3 * kN = n1 * i + n2 * j + n3 * k.So, cross product = (m2 * n3 – m3 * n2) * ... Read More

Advertisements