
Canvas+Svg+Chart-js
彩笔_小qing
初心是啥,能吃吗?能!
展开
-
canvas画图:用鼠标---画曲线,直线,矩形,圆
<canvas id="canvas" width="800" height="500"></canvas><script src="js/jquery-3.2.1.min.js"></script>var canvas = document.getElementById('canvas'); // 得到画布var ctx = canvas.getContext('2d'); // 得到画布的上原创 2017-06-08 17:28:10 · 17081 阅读 · 5 评论 -
canvas基础上:chartjs
1、首先在页面中引入 chart.js <script src="Chart.js"></script>2、页面设置<div id="container" style="width: 500px"> <canvas id="myChart" ></canvas></div>我认为 这里 外层的 #container 必须要有,因为当没有的时候,canvas 的高度和宽度根本就限制不住啊,原创 2017-06-08 18:01:21 · 1958 阅读 · 0 评论 -
SVG动态生成的子元素,同时绑定"click"和"dblclick".
1、首先 在鼠标点击 svg 时,调用画矩形方法 drawRect(x,y,w,h)var svgDom = document.getElementById('svg'); /* 取到svg元素 */var x,y;$(svgDom).on('click',function (event) { // 绘制开始 // 获取起点坐标值 x = even原创 2017-07-13 15:09:53 · 6966 阅读 · 0 评论