Canvas 应用 互动版

在线工具推荐: Three.js AI纹理开发包 - YOLO合成数据生成器 - GLTF/GLB在线编辑 - 3D模型格式在线转换 - 可编程3D场景编辑器

使用方法


要创建一个图标,需要实例化一个Chart对象。要实例化一个Chart对象,可以通过创建一个带2D上下文的 < canvas > 元素来实现:

<canvas id="canvas" height="480" width="600"></canvas>
// Get the context of the canvas element we want to select
var ctx = document.getElementById("canvas").getContext("2d");
var myNewChart = new Chart(ctx).Line(data);

也可以通过jQuery来获取 < canvas > 元素的上下文:

// Get context with jQuery - using jQuery's .get() method.
var ctx = $("#canvas").get(0).getContext("2d");
// This will get the first returned node in the jQuery collection.
var myNewChart = new Chart(ctx);