Canvas和webGL
前端小白的江湖路
这个作者很懒,什么都没留下…
展开
-
canvas绘制网格(增加坐标)
1.接着上篇文章,我打算给绘制的表格增加坐标,这样看起来比较方便//绘制网格function drawGrid(CANVAS_WIDTH,CANVAS_HEIGHT,GRID_WIDTH,GRID_HEIGHT){ var rows=parseInt(CANVAS_WIDTH/GRID_WIDTH); var cols=parseInt(CANVAS_HEIGHT/GRID_HE原创 2016-09-06 18:15:12 · 6045 阅读 · 1 评论 -
chart.js增加图例的简单方法
1.由于我用的chart.js版本是1.0.2调用 var bar=new_chart.Bar(data) var legend=bar.generateLegend();只能生成空的内容,不可行chart.js的最新版本2.2.2。要么用最新的版本,要么就用笨的方法。稍后用最新的版本,写个小case一种就是用Chart.prototype.addLegend=原创 2016-09-07 11:16:57 · 8113 阅读 · 0 评论 -
chart.js增加图例
1.Chart.js V2.2.2用起来实在太爽啦!不需要自己写图例了。默认就是添加的。http://www.chartjs.org/docs/#chart-configuration-legend-configuration官方的教程写的非常详细。下面我就写一个小例子:function drawDoughnut(){ var data = {原创 2016-09-07 16:14:20 · 4240 阅读 · 0 评论 -
使用chart.js添加动态背景图
1.效果图:2.HTML 2.Javascriptfunction drawBar(){ var drawing=document.getElementById("drawing"); var ctx=drawing.getContext("2d"); var data = { labels: produceLabels(20),原创 2016-09-08 15:00:33 · 3158 阅读 · 0 评论 -
canvas绘制任意两点的动态直线
Canvas draw Dynamic Lines start point end point *{ margin:0; padding:0; box-sizing:border-box;}.canvas-container{ position:absolute; width:1原创 2017-01-15 11:30:09 · 7193 阅读 · 0 评论 -
canvas 绘制动态圆环进度条
由于使用的是vue开发,所以就展示一下绘制函数好了,上图是效果图 drawMain(drawing_elem, percent, forecolor, bgcolor) { /* @drawing_elem: 绘制对象 @percent:绘制圆环百分比, 范围[0, 100]原创 2017-08-04 17:50:55 · 13466 阅读 · 3 评论