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 画布 示例


动手尝试示例

以下示例将画布直接嵌入到 HTML 代码中。

HTML 画布在所有主流浏览器中都得到支持。


画布简介

示例解释


画布坐标

示例解释


画布线条

示例解释


画布填充和描边

示例解释



画布形状

示例解释


画布矩形

示例解释


画布 clearRect()

示例解释


画布圆形

示例解释


画布曲线

示例解释


画布线性渐变

示例解释


画布径向渐变

示例解释


画布文本

示例解释


画布文本颜色

示例解释


画布文本对齐

示例解释


画布阴影

示例解释


Canvas 图片

示例解释


Canvas 变换

示例解释


Canvas 裁剪

示例解释


Canvas 合成

示例解释


×

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.