convas绘制特殊曲线

xuqing19830921 2016-12-28 04:06:58

问个问题，做前端的时候，有什么好的js工具包，绘制曲线的时候，可以改变线型（比如实线，虚线），粗细，以及线的颜色，最好还能滤波~

...全文

343 2 打赏收藏转发到动态举报

写回复

2 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2016-12-29

打赏
举报

回复

插件有很多。比如: kineticjs sketchpad 等等 www.xttblog.com www.codedq.net

当作看不见 2016-12-28

打赏
举报

回复

http://ecomfe.github.io/zrender/ 这个插件还是很好用的百度的echarts 的就是基于这个canvas插件开发的。你说的那个只能算是一个小功能

pc端在线绘制圆形矩形直线橡皮檫返回上一步等操作

HTML5 SVG自行车行驶动画特效是一款模拟自行车在城市里行驶动画场景特效。

☆ canvas.getContext(‘2d’) 不可在convas中直接绘图，必须用该方法获得其二维空间绘图上下文。 ☆ context.beginPath() 表示开始新的路径绘制。 ☆ context.isPointInPath(x, y) 判断某个点是否在路径上。在坐标系被转换后该方法不适用。 ☆ context.moveTo(x,y) 相当于将画笔从画板提起，笔尖离开画板，然后再将笔尖定位在 (x,y)坐标处，在这个新的位置开始新的绘制。 ☆ context.lineTo(x, y) 相当于画笔笔尖不离开画板，画笔笔尖从当前坐标位置移动至 (x,y)坐标处，绘制一条线段。 ☆ c

作为一项有意思的新技术，canvas给我们带来了对网页绘图和网页动画的新革命。举个简单的例子，如果以前要在网页中插入一个图标或者是图像，就得用img标签来插入，或者是作为背景图片放入页面中，而现在，除了上述方法，我们还可以运用canvas技术来画出需要的图标或者图像，不仅节省了设计的时间，还减少了http的请求次数，加快了网页的加载速度，下面我就简单介绍下canvas到底有哪些实用的功能吧。 1、设计各种图标和logo 作为程序员，既会编程又会设计的人我想应该是比较少的，所以这就造成了只要一碰到设计方面的问题，不论是大还是小都不得不求助于设计师，虽然设计方面的工作确实是设计师的职责，但是如果能

JS + CONVAS 做的毛笔字动画鼠标点击时间越长毛笔字效果越浓

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章