crysyan: 基于html5 canvas的画板

最新推荐文章于 2024-08-15 01:55:01 发布

weixin_33882452

最新推荐文章于 2024-08-15 01:55:01 发布

阅读量69

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/1167564/blog/838973

版权

2019独角兽企业重金招聘Python工程师标准>>>

效果

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"));