Shulou(Shulou.com)06/03 Report--

This article introduces you how to write HTML5 Canvas sawtooth code, the content is very detailed, interested friends can refer to, hope to be helpful to you.

Effect picture:

Tip: copy the code to a html file and save it, and you can see the effect by opening it directly.

Implementation code:

The code is as follows:

Sawtooth graph

Window.addEventListener ("load", eventWindowLoaded, false)

Function eventWindowLoaded () {

Var x,y

Var theCanvas = document.getElementById ("canvas")

Var context = theCanvas.getContext ("2d")

/ / Box

Context.strokeStyle ='# 00f'

Context.lineWidth=10

Context.strokeRect (0,0, theCanvas.width-0, theCanvas.height-0)

Context.fillStyle = "# 00f"

For (Xerox)

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.