Things You Can Do Using Canvas on HTML5

A brief about HTML5 and <canvas>

HTML5 is a markup language used for structuring and presenting content on the World Wide Web. It is the fifth and current version of the HTML standard, published on 2014. HTML 5 has some new features, like canvas and video audio. Here I would like to give an example what canvas can do on HTML5.

<canvas> on HTML5 is an element used to draw graphics, or objects on website using script. So, <canvas> is only the container to draw. To actually draw the graphics, we must use script, like JavaScript.

<canvas> has several methods to draw line, rectangle, circle, character/text, and adding image.

Below are examples of adding image onto canvas, creating stroke text, and displaying cursor position.

Let’s Try Canvas

Adding Image onto Canvas

It’s Time to Start Writing!!

After you see some articles in a magazine, sometimes you imagine how to make an article like the writer on that magazine, or maybe make a better one. If that is true, and you are a beginner who dare to be a writer, I have something to share with you to solve that problem. Just check it out, guys!

1.  Write Everything on Your Mind 
     Try to write everything on your mind, whether it is important or not. Write everything you know. Don’t think whether it is good or bad. Start with everything you know, guys!

Four Seasons in Japan

Konichiwaa… What do you know about Japan, Guys? Sakura, I bet!
Well, Sakura only bloom in a season.
Do you know about Japan’s season?

Haru  はる

Haru is a Spring season in Japan. The special activity during the Spring is Hanami, a Japanese traditional custom to see the beautiful Sakura together. Usually, they visit a park with their family or friends, then sit together under the tree on a carpet, at the same time they enjoy their bento. The bloom of Sakura shift to the other part, this shift called “cherry blossom front” which announced by the Meteorological Agency.