SNAP DECO導入手順

利用規約の内容に同意頂いた上でのご利用をお願いします。
利用規約

Webサイトへの「SNAP DECO」の導入方法は簡単！

以下の３つのタグをページに埋め込んでください。

<div id=”snapdeco”></div>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script> SnapDeco.setStyle(“default”); </script>

「SNAP DECO」表示サイズのアスペクト比は固定で、幅200px〜640pxの範囲で表示サイズを調整出来ます。

幅の指定が無い場合はデフォルト(320px)で表示します。

また、背景・フレーム・スタンプの画像をお好みの画像に変更することが出来ます。

画像を変更したい場合は下記sampleの通りscript要素内で画像を登録します。

画像を登録しなかった場合は、デフォルトの画像を使用します。

<div id=”snapdeco”></div>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script>
// Top画面の背景を登録
SnapDeco.setTopBackground(“./test/bg_top.png”);
// 編集画面の背景を登録
SnapDeco.setEditBackground(“./test/bg_edit.png”);
// フレームを登録
SnapDeco.addFrame(“./test/frame/frame01.png”);
SnapDeco.addFrame(“./test/frame/frame02.png”);
SnapDeco.addFrame(“./test/frame/frame03.png”);
SnapDeco.addFrame(“./test/frame/frame04.png”);
SnapDeco.addFrame(“./test/frame/frame05.png”);
// スタンプを登録
// 引数１：カテゴリNo
// 引数２：スタンプ画像
SnapDeco.addStamp(1, “./test/stamp/stamp11.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp21.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp22.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp23.png”);
SnapDeco.addStamp(2, “./test/stamp/stamp24.png”);
</script>

画像の登録数上限はフレームは12個、スタンプは１カテゴリで15個までとなっています。

・画像サイズ
背景　　：640×1174ピクセル
フレーム：600×600ピクセル
スタンプ： 600×600ピクセル

サイト内検索