您的位置：首页 > Web前端 > HTML5

crysyan: 基于html5 canvas的画板

2017-02-15 00:00 796 查看

摘要: crysyan:画板工具。可以直接调用，提供设置背景图片，保存图片，录制视频等接口。

效果

crysyan-Demo

crysyan项目链接：https://github.com/BPing/crysyan

快速开始

your.html

<!--<script src="jquery-3.1.1.min.js"></script>-->
<div style="width:1000px; height:1000px;" class="crysyan-designer"></div>
<!-- include the crysyan-designer.js -->
<!--<script src="projectPath/crysyan-designer-min.js"></script>-->
<script src="projectPath/js/crysyan-designer.js"></script>

your.js

// jquery
$(".crysyan-designer").CrysyanDesigner({
canvas: {
// px
width: 900,
height: 500
},
}, function(designer) {
console.dir(designer);
});
//  another
// var designer=CrysyanDesigner({
//     canvas: {
//         // px
//         width: 900,
//         height: 500
//     },
//     toolbar: {
//         length: 500
//     }
// }, function(designer) {
//     console.dir(designer);
// });
// designer.appendTo(document.getElementsByClassName("crysyan-designer"));

API

具体API请查看：https://github.com/BPing/crysyan#API

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： Canvas crysyan

相关文章推荐

新的分享

章节导航