现代网站和应用需要呈现大量图片。 展示静态图片可以使用简单的HTML标签<img>,也可以采用CSSWhile simply displaying static images can easily be done using the {{HTMLElement("img")}} element, or by setting the background of HTML elements using the {{cssxref("background-image")}} property, you often want to construct graphics on-the-fly, or manipulate images after the fact. These articles provide insight into how you can accomplish this.
2D graphics
- Drawing graphics with canvas
- An introductory guide to using the {{HTMLElement("canvas")}} element to draw 2D graphics.
- SVG
- Scalable Vector Graphics (SVG) lets you use lines, curves, and other geometric shapes to render graphics. By avoiding the use of bitmaps, you can create images that scale cleanly to any size.
3D graphics
- WebGL
- A guide to getting started with WebGL, the 3D graphics API for the Web. This technology lets you use standard OpenGL ES in Web content.