Cacoo †
オンライン・コラボレーション・ドローツール、Cacoo。
http://cacoo.com
その他のページ
Cacooについての日記はこちら
http://yuki-g.com/diary/20100407.html
ここではCacoo×PukiWikiの便利な使い方をご紹介。
Cacooの図を画像として貼りつける (プラグイン不要) †
- 図個別画面のリンクボタンをクリックし、リンクダイアログを表示。
- 「各シートの画像URL」の中から貼り付けたいシート名の横のURLを右クリック→コピー。
- PukiWikiで下のように記載
#ref(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D-1D337.png)
- すると下のように表示できる
Cacooプラグインを使う †
- 下のファイルをダウンロードする。
- PukiWikiのpluginフォルダにアップロードする。
ビューワーとして貼り付ける †
Cacooのサイトから「図の詳細画面のURL」をコピぺして以下のように記載
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D)
すると下のように表示できる
オプション
- サイズ指定
枠を除いた領域のサイズを指定できる。
幅400px未満、高さ300px未満は指定できない。
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D,width=500,height=400)
- スタイルテーマ指定
デフォルトはcacoo
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D,theme=clear)
- 背景色指定
デフォルトは白
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D,bgcolor=ffcccc)
- 初期表示シート指定
デフォルトは1枚目
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D-1D337.png,viewer)
Cacooプラグインを使って画像として貼り付ける †
Cacooのサイトから「各シートの画像URL」をコピぺして以下のように記載
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D-1D337.png)
リンクがCacooサイトに張られるところがプラグインなし版と違うところ。
オプション
- サイズ指定
heightも指定可。どちらか一方でも両方でもOK。原寸より大きくはならない。
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D-1D337.png,width=200)
- 背景色指定
透過になっているので、透過したくない場合は、指定する。
#cacoo(https://cacoo.com/diagrams/6v9Q4AChKL7zYm8D-1D337.png,bgcolor=#ccffff)
パラメータ一覧 †
| パラメータ | 必須 | 指定しなかった場合 | 説明 |
「図形詳細画面のURL」 または 「各シートの画像URL」 | ○ | - | 「https://cacoo.com/diagrams/」の部分は省略可 |
| viewer or image | | 上記パラメータが 詳細画面URLならばviewer、 画像URLならばimage | viewer:ビューワーとして貼り付け image:画像として貼り付け |
| width={数値[px]} | | viewerの場合:400 imageの場合:原寸サイズ | viewerの場合、400未満は指定できない |
| height={数値[px]} | | viewerの場合:300 imageの場合:原寸サイズ | viewerの場合、300未満は指定できない |
| theme={cacoo or clear} | | cacoo | viewerの場合のみ有効 |
| bgcolor={背景色} | | viewerの場合:白 imageの場合:なし(透過) | 例:#ffffff |
履歴 †
- v1.0 2010/01/20
- v0.1 2009/11/09
- 公開。図指定とサイズ指定のみ。そのうち他のパラメータもつけます。
コメント †
コメントどうぞ
Tag: Cacoo Pukiwiki