Free Online Courses for Software Developers - MrBool
× Please, log in to give us a feedback. Click here to login
×

You must be logged to download. Click here to login

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

×

MrBool is totally free and you can help us to help the Developers Community around the world

Yes, I'd like to help the MrBool and the Developers Community before download

No, I'd like to download without make the donation

Shadow within: Canvas - Course HTML 5 - an introduction of the new web language - Lesson 3 | web Developer courses

As usual, we start by creating a canvas, retrieving it by id, and getting its 2d context.

Course:  

Duration:  18 minutes

Summary: In this video, we discuss creating text shadow within a canvas. As usual, we start by creating a canvas, retrieving it by id, and getting its 2d context. We need to save the current context and restore it when done so our later changes will not be impacted by the current changes we are making to the context. Then, we start manipulating the context properties. We change the font and the fill style. We choose to center the text, and (0,0,0) for the RGB. The alpha value is between 0 and 1. This specifies how strong the shadow will show. The higher the number, the stronger is the shadow. We chose 0.2 in our case. Then, we selected the offset for the shadow’s (x,y) coordinated. Since the shadow is behind the actual text, the y value is negative. Finally, we select the shadow blur and the text to display. We test out HTML changes using Firefox.

Technology Used: HTML 5 - Introduction

Keywords: HTML 5, Canvas, getElementById, document, getContext, save(), restore(), font, fillStyle, textAlign, shadowColor, shadowOffsetX, shadowOffsetY, shadowBlur, fillText.



Senior Software Engineer with experience in C#, JavaScript, jQuery, Knockout JS, Kendo UI, HTML5, and SQL Server. Ayad has more than 20 years experience in technical training and teaching. Contributor to MrBool for about 7 years.

What did you think of this post?
Services
[Close]
To have full access to this post (or download the associated files) you must have MrBool Credits.

  See the prices for this post in Mr.Bool Credits System below:

Individually – in this case the price for this post is US$ 2,00 (Buy it now)
in this case you will buy only this video by paying the full price with no discount.

Package of 10 credits - in this case the price for this post is US$ 1,00
This subscription is ideal if you want to download few videos. In this plan you will receive a discount of 50% in each video. Subscribe for this package!

Package of 50 credits – in this case the price for this post is US$ 0,33
This subscription is ideal if you want to download several videos. In this plan you will receive a discount of 83% in each video. Subscribe for this package!


> More info about MrBool Credits
[Close]
You must be logged to download.

Click here to login