html5 front-end language blog directory

1,

2，canvas

html5 canvas small example simple drawing board

Examples of small html5 canvas rotate clock

html5 canvas small example telescopic rotating box

html5 canvas rotate small example pictures

html5 canvas (line drawing) beginPath, moveTo, strokeStyle, stroke

html5 canvas (filled graphics rendering) closePath, fillStyle, fill

html5 canvas (drawing a rectangle) rect, strokeRect, fillRect

html5 canvas (style segment endpoint) lineCap

html5 canvas (draw a five-pointed star) lineJoin miterLimit

html5 canvas (drawing a Star)

html5 canvas (graphics transformation, an upgraded version of the Star) translate, rotate, scale

html5 canvas (graphics transformation matrix) transform, setTransform

html5 canvas (linear gradient, an upgraded version of the Star) fillStyle, createLinearGradient, addColorStop

html5 canvas (radial gradient, the upgraded version of Star) fillStyle, createRadialGradient

html5 canvas (picture fill style) fillStyle, createPattern

html5 canvas (Draw a circle and tangential point of the curve) arc, arcTo

html5 canvas (drawing a crescent moon, the stars of the meniscus)

html5 canvas (Bezier curve, a Star plus green) quadraticCurveTo, bezierCurveTo

html5 canvas (text writing and style control) font, fillText, strokeText

html5 canvas (horizontal and vertical alignment of text) textAlign, textBaseLine

html5 canvas (a measure of the text) measureText

html5 canvas (shaded graphics) shadowColor, shadowOffsetX, shadowOffsetY, shadowNlur

html5 canvas (graphics transparency and cover) globalAlpha, globalCompositeOperation

html5 canvas (interactive event, click the event, for example) isPointInPath

html5 canvas (extended context ( '2d')) CanvasRenderingContext2D.prototype. Your method name

html5 canvas (picture drawn into base64) drawImage, toDataURL

html5 canvas (pattern pixel operation) getImageData, putImageData, ImgData.data

html5 canvas (to create graphical objects) createImageData