14.6 (Rounded Rectangle) Generalize the example in Fig 14.7 into a roundedRect function and call it twice with different arguments to place two different rounded rectangles on the canvas. Example Below.
<!– fig. 14.7 –>
<meta charset = “utf-8”>
<canvas id = “drawRoundedRect” width = “130” height = “130”
style = “border; 1px solid black;”>
var canvas = document.getElementById(“drawRoundedRect”);
var context = canvas.getContext(“2d”)
context.quadraticCurveTo(105, 5, 105, 15);
context.quadraticCurveTo(105, 105, 95, 105);
context.quadraticCurveTo(5, 105, 5, 95);
context.quadraticCurveTo(5, 5, 15, 5);
context.fillStyle = “yellow”;
context.strokeStyle = “royalblue”;
context.lineWidth = 6;
Delivering a high-quality product at a reasonable price is not enough anymore.
That’s why we have developed 5 beneficial guarantees that will make your experience with our service enjoyable, easy, and safe.
You have to be 100% sure of the quality of your product to give a money-back guarantee. This describes us perfectly. Make sure that this guarantee is totally transparent.Read more
Each paper is composed from scratch, according to your instructions. It is then checked by our plagiarism-detection software. There is no gap where plagiarism could squeeze in.Read more
Thanks to our free revisions, there is no way for you to be unsatisfied. We will work on your paper until you are completely happy with the result.Read more
Your email is safe, as we store it according to international data protection rules. Your bank details are secure, as we use only reliable payment systems.Read more
By sending us your money, you buy the service we provide. Check out our terms and conditions if you prefer business talks to be laid out in official language.Read more