<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<style>
body {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
background-color: black;
text-align: center;
}
</style>
</head>
<body>
<script src="./asset/transform.js"></script>
<script src="./asset/alloy-finger.js"></script>
<script src="alloy-crop.js"></script>
<script>
(function () {
var mAlloyCrop = new AlloyCrop({
image_src: "http://pf8xhw02u.bkt.clouddn.com/static/test-crop.jpg",
width: 375,
height: 210,
output: 1,
ok: function (base64, canvas) {
mAlloyCrop.destroy();
},
cancel: function () {
mAlloyCrop.destroy();
}
});
})();
</script>
</body>
</html>
