利用規約の内容に同意頂いた上でのご利用をお願いします。
利用規約
Webサイトへの「SNAP DECO」の導入方法は簡単!
以下の3つのタグをページに埋め込んでください。
<div id=”snapdeco”></div>
<script type=”text/javascript” src=”https://cnsrd.jp/snapdeco/js/snapdeco.js”></script>
<script> SnapDeco.setStyle(“default”); </script>
<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”);
// スタンプを登録
// 引数1:カテゴリNo
// 引数2:スタンプ画像
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>
<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”);
// スタンプを登録
// 引数1:カテゴリNo
// 引数2:スタンプ画像
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個、スタンプは1カテゴリで15個までとなっています。
・画像サイズ
背景 :640×1174ピクセル
フレーム:600×600ピクセル
スタンプ: 600×600ピクセル