This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<meta charset="utf-8" /> | |
<title>Calligraphrサンプル</title> | |
<style> | |
@font-face { | |
font-family: 'myfont'; | |
src: url('fonts/myfont.ttf') format('truetype'); | |
} |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!doctype html> | |
<html> | |
<head> | |
<title>Scaley.ioサンプル</title> | |
</head> | |
<body> | |
<img src="https://i.scaley.io/300/raw.githubusercontent.com/appgiga-code/freeimg/master/street2.jpg"> | |
</body> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
rapid.call('【使いたいサービス】', '【使いたいAPI】', { | |
// ここにオプションを記述 | |
}).on('success', (data)=>{ | |
// データの取得に成功した時の処理 | |
}).on('error', (err)=>{ | |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//画像編集エディタの設定 | |
var Editor = new Aviary.Feather({ | |
//Client IDの設定 | |
apiKey: 'ここにClient IDを入力', | |
//日本語の設定 | |
language: 'ja', | |
//必要な機能だけを限定する設定 | |
tools: ['enhance', 'effects'], |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//<body>内の画像要素を取得 | |
var image = document.getElementById('image'); | |
//画像編集エディタを利用するための準備 | |
var Editor = new Aviary.Feather({ | |
apiKey: 'ここにClient IDを入力!' | |
}); | |
//画像要素をクリックしたら、「編集エディタ」を表示 | |
image.addEventListener('click', function () { |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
//画像編集エディタを利用するための準備 | |
var Editor = new Aviary.Feather({ | |
apiKey: 'ここにClient IDを入力!' | |
}); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<title>サンプル</title> | |
<script src="https://dme0ih8comzn4.cloudfront.net/imaging/v2/editor.js"></script> | |
</head> | |
<body> | |
<img src="ここに画像URL" id="image"> | |
<script src="main.js"></script> | |
</body> |