Menu
×
   ❮     
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ANGULAR GIT POSTGRESQL MONGODB ASP AI GO KOTLIN SASS VUE DSA GEN AI SCIPY AWS CYBERSECURITY DATA SCIENCE
     ❯   

HTML 图形


SVG(可缩放矢量图形)

SVG 使用 XML 定义基于矢量的图形,可以直接嵌入 HTML 页面。

SVG 图形是可缩放的,如果缩放或调整大小,不会损失任何质量。

����� ����� SVG Sorry, your browser does not support inline SVG.

HTML Canvas

使用 HTML <canvas> 元素 元素可以动态地使用 JavaScript 绘制图形。

您的浏览器不支持 <canvas> 元素。

上图显示了四个元素:一个红色矩形、一个渐变矩形、一个多色矩形以及 <canvas> 元素内的多色文本。


绘图

JavaScript 库 用于人工智能图表和其他图表。

  • Plotly.js
  • Chart.js
  • Google Chart
  • D3.js

这是一个使用 Google Chart 制作的 3D 饼图示例。


谷歌地图

谷歌地图 允许您将地图嵌入 HTML 页面。


HTML + JavaScript 游戏

学习如何使用 HTML 和 JavaScript 制作游戏。.



×

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail:
[email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail:
[email protected]

W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.

Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.