常用的js绘图库有:
D3.js:一个功能强大的数据可视化库,支持吸附闭合等功能。
Raphael.js:一个轻量级的交互绘图库,支持实时显示角度和长度。
Fabric.js:一个强大的交互绘图库,支持实时检测垂直和平行等功能。
p5.js:一个用于创作艺术和交互作品的库,可以实现吸附闭合等功能。
1、Sketchbook
在数码空间里使用熟悉的工具,铅笔、墨水、马克笔、还有超过190种可定制的可以组合质感和形状的画刷。作品可以导出为JPG、PNG、BMP、TIFF、和PSD文件。分层的PSD文件可以被完整保存(导入和导出),包括层名称、组、和混合模式。
2、Bonsaijs
轻量级JavaScript绘图库是一套轻量级的JavaScript绘图库,内有一个SVG 渲染器。简单易用,而且支持各种多媒体资源包括音频、视频、图片、字体等等。
3、FoldifyApp
折纸绘图设计应用让纸艺设计变得超简单,提供预设的模型基底,用笔刷绘图工具(finger painting tools)就可挥洒创意,创作时还能同步观看成品的3D预览图。设计完成后,直接列印到厚纸板上就可以开始剪裁压折。
4、MrSpaint
茶绘君多人在线绘图协作工具是一款正在早期测试中的多人在线协作绘图工具,个人作品,开源、免费。实时同步显示绘画结果,支持多图层,可房间内聊天,最多支持8人在一个房间画画。
5、迅捷在线图片编辑
一个免费的在线ps图片编辑工具,支持在线编辑JPG、PNG等格式图片,无需下载,可以直接在浏览器中即可对图像文件进行调整、美化处理,直到你满意为止。
引入js文件,比如一个是1.js,另一个是2.js,那么你在页面<head></head>之间加入:
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>
再加入一个CSS的引入:
<link href="1.css" rel="stylesheet" type="text/css" />
你还需要看明白它的html,把它复制进你要整合的页面。