刻录小部件JS参考

校准窗口小部件允许您在您自己的网站中插入背景刻录器UI窗口(在Bonanza.com上使用的相同UI)。

注意:“触摸”功能仅适用于支持的浏览器 CanvasRenderingContext2d. formdata. 。未支持的浏览器的用户将显示一条消息,通知它们功能有限。

移动支持

刻录窗口小部件插件甚至适用于移动设备。要利用移动编辑器,我们建议您在页面上包含视口元标记。

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

包括JavaScript捆绑包

刻录窗口小部件插件需要jQuery 1.5.x或更高版本。

<script  SRC. ='//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js'></script>
<script  SRC. ='//bonanzapublic.s3.amazonaws.com/assets/burn_bundle.js'></script>

创建一个新的urgfiget对象

使用刻录窗口小部件要求您首先实例化新的伯爵对象。

伯爵初始化方法将选项的哈希作为必需参数。

选项 类型 发生 意义
apikey. 细绳 必需的 您的Bonanza API开发人员ID
用户身份 细绳 必需的 一个唯一的ID,可在内部标识此用户 你的 application
打回来 细绳 选修的 一个URL内部 你的 我们应该在烧伤完成时发布,以及选择或更改最终掩模时。
它必须是一个有效的URL,包括协议(“http://”或“http:// _”)。
onexex. 功能 可选 在请求此用户的所有刻录时要触发回调。接收单个参数: jsonresponse. .
See 背景燃烧器API参考 有关响应值的更多信息。
展出 功能 可选 弹出显示/编辑刻录后要触发回调。接收两个参数: Imageselector., jsonresponse. .
See 背景燃烧器API参考 有关响应值的更多信息。
oncreate. 功能 可选 刻录后要触发回调是否排队/创建。我们建议您添加自己的功能来保存 ID 用户身份 回来了 jsonresponse. 。接收两个参数: Imageselector., jsonresponse. .
See 背景燃烧器API参考 有关响应值的更多信息。
onsave. 功能 可选 在用户选择最终掩码后要触发回调。我们建议您添加自己的功能来保存 final_result_url. 回来了 jsonresponse. 。接收两个参数: Imageselector., jsonresponse. .
See 背景燃烧器API参考 有关响应值的更多信息。
onerror. 功能 可选 如果API操作提出异常,则要触发回调。接收两个参数: 类型 , 信息 .

最小所需参数的示例。

var burnWidget = new BONZ.BurnWidget({
   apikey. : 'my Bonanza API developer id',
   用户身份 : 'uniqueId'  // 一个唯一的ID,可在内部标识此用户 *your* application
});

推出伯爵维奇ui

一旦你实例化了一个新的烧伤对象,就可以拨打电话 发射() method.

打电话 Burnwidget.launch() 没有任何选择触发了 索引行动.

选项 类型 发生 意义
URL. URL. 可选 要刻录的图像的URL。触发了这一点 创建动作
ID 整数 可选 要查看状态的背景刻录的ID。触发了这一点 展示动作
图像 细绳 可选 一个CSS选择器(通常为ID) IMG. element on the page.
如果图像元素有一个 数据ID 归因于 展示动作 将被触发,否则是 SRC. 属性将被用作 URL. 选项,以及 创建动作 will be triggered.

启动UI以队列烧伤的示例。

burnWidget.launch({  URL. : 'http://url.to.my/image/to/burn' });

对于更全面的例子,请看我们的 刻录小部件示例.