HTML5原生功能需通过JavaScript调用对应API：Canvas用于绘图，Geolocation获取位置，MediaDevices访问媒体设备，localStorage持久化存储，History API控制浏览器历史。

如果您在前端开发中需要使用HTML5提供的原生功能，例如绘制图形或获取用户地理位置，则必须通过JavaScript调用对应的HTML5 API。以下是具体调用方式：

一、调用Canvas API绘制图形

Canvas API提供了一个可通过JavaScript脚本控制的位图画布，用于动态渲染2D图形。调用前需确保页面中存在元素，并通过getContext('2d')获取绘图上下文。

1、在HTML中添加标签。

2、使用document.getElementById('myCanvas')获取该元素对象。

3、调用getContext('2d')方法获取2D渲染上下文对象。

4、使用上下文对象的fillRect()、strokeText()等方法执行绘制操作。

5、确保脚本在DOM加载完成后执行，可将代码包裹在DOMContentLoaded事件监听器中或置于