![{"width":1035,"height":872,"lines":[{"p":[702,0,963,0],"kind":2},{"p":[0,32,224,32],"kind":6},{"p":[702,32,963,32],"kind":2},{"p":[0,52,688,52],"kind":2},{"p":[702,52,963,52]},{"p":[0,70,688
,70]},{"p":[702,70,963,70]},{"p":[702,88,963,88]},{"p":[0,106,688,106]},{"p":[702,106,963,106]},{"p":[0,125,688,125],"kind":2},{"p":[702,125,963,125]},{"p":[702,143,963,143]},{"p":
[0,162,688,162],"kind":2},{"p":[702,162,963,162]},{"p":[0,180,688,180]},{"p":[702,180,963,180]},{"p":[702,198,963,198]},{"p":[0,216,688,216]},{"p":[702,216,963,216]},{"p":[0,235,
688,235],"kind":2},{"p":[702,235,963,235]},{"p":[29,254,688,254],"kind":2},{"p":[702,254,963,254]},{"p":[0,273,688,273],"kind":2},{"p":[702,273,963,273]},{"p":[0,291,688,291]},{"p
":[702,291,963,291]},{"p":[0,309,688,309]},{"p":[702,309,963,309]},{"p":[0,327,688,327]},{"p":[702,327,963,327]},{"p":[0,345,688,345]},{"p":[702,345,963,345]},{"p":[0,363,688,36
3]},{"p":[702,363,963,363]},{"p":[0,381,688,381]},{"p":[702,381,963,381]},{"p":[0,399,688,399]},{"p":[702,399,963,399]},{"p":[0,417,688,417]},{"p":[702,417,963,417]},{"p":[0,435,6
88,435]},{"p":[702,435,963,435]},{"p":[0,453,688,453]},{"p":[702,453,963,453]},{"p":[0,471,688,471]},{"p":[702,471,963,471]},{"p":[0,489,688,489]},{"p":[702,489,963,489]},{"p":[0,
507,688,507]},{"p":[702,507,963,507]},{"p":[0,525,688,525]},{"p":[702,525,963,525]},{"p":[0,543,688,543]},{"p":[702,543,963,543]},{"p":[0,561,688,561]},{"p":[702,561,963,561]},{
"p":[0,579,688,579]},{"p":[702,579,963,579]},{"p":[0,597,688,597]},{"p":[702,597,963,597]},{"p":[0,615,688,615]},{"p":[702,615,963,615]},{"p":[0,634,688,634],"kind":2},{"p":[702,6
34,963,634]},{"p":[108,652,688,652]},{"p":[702,652,963,652]},{"p":[108,671,688,671],"kind":2},{"p":[702,671,963,671]},{"p":[108,689,688,689]},{"p":[702,689,963,689]},{"p":[108,
708,688,708],"kind":2},{"p":[702,708,963,708]},{"p":[108,727,688,727],"kind":2},{"p":[702,727,963,727]},{"p":[702,745,963,745]},{"p":[702,763,963,763]},{"p":[702,781,963,781]},
{"p":[702,799,963,799]},{"p":[702,817,963,817]},{"p":[702,835,963,835]},{"p":[702,854,963,854],"kind":2},{"p":[0,52,0,125],"kind":2},{"p":[0,162,0,235],"kind":2},{"p":[0,273,0,634],
"kind":2},{"p":[29,254,29,634],"kind":2},{"p":[108,52,108,125]},{"p":[108,162,108,235]},{"p":[108,254,108,634]},{"p":[108,634,108,727],"kind":2},{"p":[446,254,446,634]},{"p":[488,
254,488,634]},{"p":[568,254,568,727]},{"p":[688,52,688,125],"kind":2},{"p":[688,162,688,235],"kind":2},{"p":[688,254,688,727],"kind":2},{"p":[702,0,702,854],"kind":2},{"p":[756,0,
756,854]},{"p":[920,0,920,854]},{"p":[963,0,963,854],"kind":2}],"fills":[{"p":[702,0,54,32],"fore":"#C0C0C0"},{"p":[756,0,164,32],"fore":"#C0C0C0"},{"p":[920,0,43,32],"fore":"#C0C0
C0"},{"p":[29,254,79,19],"fore":"#969696"},{"p":[108,254,24,19],"fore":"#969696"},{"p":[132,254,92,19],"fore":"#969696"},{"p":[224,254,222,19],"fore":"#969696"},{"p":[446,254,42
,19],"fore":"#969696"},{"p":[488,254,80,19],"fore":"#969696"},{"p":[568,254,120,19],"fore":"#969696"},{"p":[0,273,29,18],"fore":"#969696"},{"p":[108,273,24,18],"fore":"#C0C0C0"}
,{"p":[132,273,92,18],"fore":"#C0C0C0"},{"p":[224,273,222,18],"fore":"#C0C0C0"},{"p":[488,273,80,18],"fore":"#C0C0C0"},{"p":[568,273,120,18],"fore":"#C0C0C0"},{"p":[0,291,29,1
8],"fore":"#969696"},{"p":[108,291,24,18],"fore":"#C0C0C0"},{"p":[132,291,92,18],"fore":"#C0C0C0"},{"p":[224,291,222,18],"fore":"#C0C0C0"},{"p":[488,291,80,18],"fore":"#C0C0C
0"},{"p":[568,291,120,18],"fore":"#C0C0C0"},{"p":[0,309,29,18],"fore":"#969696"},{"p":[108,309,24,18],"fore":"#C0C0C0"},{"p":[132,309,92,18],"fore":"#C0C0C0"},{"p":[224,309,222
,18],"fore":"#C0C0C0"},{"p":[488,309,80,18],"fore":"#C0C0C0"},{"p":[568,309,120,18],"fore":"#C0C0C0"},{"p":[0,327,29,18],"fore":"#969696"},{"p":[108,327,24,18],"fore":"#C0C0C0
"},{"p":[132,327,92,18],"fore":"#C0C0C0"},{"p":[224,327,222,18],"fore":"#C0C0C0"},{"p":[488,327,80,18],"fore":"#C0C0C0"},{"p":[568,327,120,18],"fore":"#C0C0C0"},{"p":[0,345,29,
18],"fore":"#969696"},{"p":[108,345,24,18],"fore":"#C0C0C0"},{"p":[132,345,92,18],"fore":"#C0C0C0"},{"p":[224,345,222,18],"fore":"#C0C0C0"},{"p":[488,345,80,18],"fore":"#C0C0
C0"},{"p":[568,345,120,18],"fore":"#C0C0C0"},{"p":[0,363,29,18],"fore":"#969696"},{"p":[108,363,24,18],"fore":"#C0C0C0"},{"p":[132,363,92,18],"fore":"#C0C0C0"},{"p":[224,363,22
2,18],"fore":"#C0C0C0"},{"p":[488,363,80,18],"fore":"#C0C0C0"},{"p":[568,363,120,18],"fore":"#C0C0C0"},{"p":[0,381,29,18],"fore":"#969696"},{"p":[108,381,24,18],"fore":"#C0C0C
0"},{"p":[132,381,92,18],"fore":"#C0C0C0"},{"p":[224,381,222,18],"fore":"#C0C0C0"},{"p":[488,381,80,18],"fore":"#C0C0C0"},{"p":[568,381,120,18],"fore":"#C0C0C0"},{"p":[0,399,2
9,18],"fore":"#969696"},{"p":[108,399,24,18],"fore":"#C0C0C0"},{"p":[132,399,92,18],"fore":"#C0C0C0"},{"p":[224,399,222,18],"fore":"#C0C0C0"},{"p":[488,399,80,18],"fore":"#C0C
0C0"},{"p":[568,399,120,18],"fore":"#C0C0C0"},{"p":[0,417,29,18],"fore":"#969696"},{"p":[108,417,24,18],"fore":"#C0C0C0"},{"p":[132,417,92,18],"fore":"#C0C0C0"},{"p":[224,417,2
22,18],"fore":"#C0C0C0"},{"p":[488,417,80,18],"fore":"#C0C0C0"},{"p":[568,417,120,18],"fore":"#C0C0C0"},{"p":[0,435,29,18],"fore":"#969696"},{"p":[108,435,24,18],"fore":"#C0C0
C0"},{"p":[132,435,92,18],"fore":"#C0C0C0"},{"p":[224,435,222,18],"fore":"#C0C0C0"},{"p":[488,435,80,18],"fore":"#C0C0C0"},{"p":[568,435,120,18],"fore":"#C0C0C0"},{"p":[0,453,
29,18],"fore":"#969696"},{"p":[108,453,24,18],"fore":"#C0C0C0"},{"p":[132,453,92,18],"fore":"#C0C0C0"},{"p":[224,453,222,18],"fore":"#C0C0C0"},{"p":[488,453,80,18],"fore":"#C0
C0C0"},{"p":[568,453,120,18],"fore":"#C0C0C0"},{"p":[0,471,29,18],"fore":"#969696"},{"p":[108,471,24,18],"fore":"#C0C0C0"},{"p":[132,471,92,18],"fore":"#C0C0C0"},{"p":[224,471,
222,18],"fore":"#C0C0C0"},{"p":[488,471,80,18],"fore":"#C0C0C0"},{"p":[568,471,120,18],"fore":"#C0C0C0"},{"p":[0,489,29,18],"fore":"#969696"},{"p":[108,489,24,18],"fore":"#C0C
0C0"},{"p":[132,489,92,18],"fore":"#C0C0C0"},{"p":[224,489,222,18],"fore":"#C0C0C0"},{"p":[488,489,80,18],"fore":"#C0C0C0"},{"p":[568,489,120,18],"fore":"#C0C0C0"},{"p":[0,507
,29,18],"fore":"#969696"},{"p":[108,507,24,18],"fore":"#C0C0C0"},{"p":[132,507,92,18],"fore":"#C0C0C0"},{"p":[224,507,222,18],"fore":"#C0C0C0"},{"p":[488,507,80,18],"fore":"#C0
C0C0"},{"p":[568,507,120,18],"fore":"#C0C0C0"},{"p":[0,525,29,18],"fore":"#969696"},{"p":[108,525,24,18],"fore":"#C0C0C0"},{"p":[132,525,92,18],"fore":"#C0C0C0"},{"p":[224,525,
222,18],"fore":"#C0C0C0"},{"p":[488,525,80,18],"fore":"#C0C0C0"},{"p":[568,525,120,18],"fore":"#C0C0C0"},{"p":[0,543,29,18],"fore":"#969696"},{"p":[108,543,24,18],"fore":"#C0C
0C0"},{"p":[132,543,92,18],"fore":"#C0C0C0"},{"p":[224,543,222,18],"fore":"#C0C0C0"},{"p":[488,543,80,18],"fore":"#C0C0C0"},{"p":[568,543,120,18],"fore":"#C0C0C0"},{"p":[0,561
,29,18],"fore":"#969696"},{"p":[108,561,24,18],"fore":"#C0C0C0"},{"p":[132,561,92,18],"fore":"#C0C0C0"},{"p":[224,561,222,18],"fore":"#C0C0C0"},{"p":[488,561,80,18],"fore":"#C0
C0C0"},{"p":[568,561,120,18],"fore":"#C0C0C0"},{"p":[0,579,29,18],"fore":"#969696"},{"p":[108,579,24,18],"fore":"#C0C0C0"},{"p":[132,579,92,18],"fore":"#C0C0C0"},{"p":[224,579,
222,18],"fore":"#C0C0C0"},{"p":[488,579,80,18],"fore":"#C0C0C0"},{"p":[568,579,120,18],"fore":"#C0C0C0"},{"p":[0,597,29,18],"fore":"#969696"},{"p":[108,597,24,18],"fore":"#C0C
0C0"},{"p":[132,597,92,18],"fore":"#C0C0C0"},{"p":[224,597,222,18],"fore":"#C0C0C0"},{"p":[488,597,80,18],"fore":"#C0C0C0"},{"p":[568,597,120,18],"fore":"#C0C0C0"},{"p":[0,615
,29,19],"fore":"#969696"},{"p":[108,615,24,19],"fore":"#C0C0C0"},{"p":[132,615,92,19],"fore":"#C0C0C0"},{"p":[224,615,222,19],"fore":"#C0C0C0"},{"p":[488,615,80,19],"fore":"#C0
C0C0"},{"p":[568,615,120,19],"fore":"#C0C0C0"},{"p":[108,671,24,18],"fore":"#C0C0C0"},{"p":[132,671,92,18],"fore":"#C0C0C0"},{"p":[224,671,222,18],"fore":"#C0C0C0"},{"p":[446,
671,42,18],"fore":"#C0C0C0"},{"p":[488,671,80,18],"fore":"#C0C0C0"},{"p":[568,671,120,18],"fore":"#C0C0C0"},{"p":[108,708,24,19],"fore":"#969696"},{"p":[132,708,92,19],"fore":"
#969696"},{"p":[224,708,222,19],"fore":"#969696"},{"p":[446,708,42,19],"fore":"#969696"},{"p":[488,708,80,19],"fore":"#969696"}],"strs":[{"p":[0,0,224,32],"id":"A1","text":"廣 猟
","align":"cb","style":"text-wrap:none;font-size:20pt;font-family:ＭＳ Ｐゴシック;"},{"p":[224,0,464,32],"id":"E1","text":" * 和の廣猟に斌瞳コ`ドと方楚をご秘、咫泡の貧、益芙毅輝
セ`ルスにu003cbru003e お局しいただくか、0xx-xxx-xxxx にファックスにてご僕佚ください。","align":"lb","style":"font-size:8pt;font-family:ＭＳ Ｐゴシッ
ク;"},{"p":[702,0,54,32],"id":"J1","text":"斌瞳u003cbru003eコ`ド","align":"cc","style":"font-size:10pt;font-family:ＭＳ Ｐゴシック;"},{"p":[756,0,164,32],"id":"K1","text":"斌瞳兆
","align":"cc","style":"text-wrap:none;font-size:10pt;font-family:ＭＳ Ｐゴシック;"},{"p":[920,0,43,32],"id":"L1","text":"鯉","align":"cc","style":"text-wrap:none;font-size:10pt;font-
family:ＭＳ Ｐゴシック;"},{"p":[702,32,54,20],"id":"J2","text":"001-01","align":"lbg","style":"text-wrap:none;font-size:10pt;font-family:ＭＳ Ｐゴシック;"},´](https://image.slidesharecdn.com/excel2canvas-130404111420-phpapp02/85/Excel2-canvas-7-320.jpg)
![? JavaScriptのグラフライブラリとしてはFlotr2を聞喘し參和に
? 劵哀薀
? 允グラフ
? 孵れグラフ
? レ`ダ`チャ`ト
? かいプロパティO協吉は深]していない
? ので、た朕はExcel貧でた栽とは寄岻なる
? ちなみにグラフ秤鵑POIでは函誼できないのでOOXML岷i
み。。。(--
? gなグラフでかつFlotr2が鬉靴討い襪發(箭えばバブルグ
ラフとか)は書瘁サポ`トする辛嬬來はあるがMみ栽わせグラフ
などにはおそらく鬉靴覆ぁ
? JavaScriptライブラリはeのものに餓し紋えることができるO
になっているが謹蛍鬉気譴襪海箸呂覆
? 恷除は措さげなグラフライブラリがたくさんありすぎて採を聞うのが措
いんだかよくわからない。。。](https://image.slidesharecdn.com/excel2canvas-130404111420-phpapp02/85/Excel2-canvas-18-320.jpg)
More Related Content
What's hot (20)
Similar to Excel2 canvas (14)
More from Shunji Konishi (20)
Excel2 canvas
- 1. 2013/04/04 幄塀氏芙FLECT 弌廉拭望
- 2. ? Excelシ`トをWebブラウザ貧に宙鮫するライブ ラリ ? https://github.com/shunjikonishi/excel2canvas ? Lや嘘尚弼はHTML5のCanvas貧に宙鮫 ? なのでIE8參念の硬いブラウザでは咾ません ? 嘛_Jは匯Chrome, Firefox, IE9, Safari, iOS, Androidでしてます。 ? 蒙に採か朕議を隔って恬ったものではなく、 Canvasの{rになんとなく房いつきでして みたのが兵まり ? }伉があったら謹蛍こんなものは恬ってない。。。
- 3. ? ネットで憤ったもの を富し紗垢したサン プル(が_かなら 匯桑恷兜のテスト デ`タ) ? 房った參貧にExcel で恬ったレイアウト を壅Fできてる ? ちなみに咫泡もこの ままでます ? さりげなく鮫(恣貧 のロゴ)とリンクもサ ポ`ト
- 4. ? グラフも何蛍議 にサポ`ト ? 允グラフや劵 ラフなどのg なグラフのみ ? かいプロパ ティO協は畠何 oするので た朕はExcelと 揖じにはならな い ? グラフの宙鮫に 聞喘しているラ イブラリは Flotr2
- 5. ? まずJava箸 ? Apache POIでExcelファイルの秤鵑鰌iみ函り ? それをJSON晒 ? 肝にJavaScriptで ? キャンバスにLと嘘尚を宙鮫して ? 猟忖双はセル阿divタグで~了崔に塘崔 ? その貧に鮫颪肇哀薀佞鰆悗佑突螻 とても釣株い
- 6. ExcelToCanvasBuilder builder = new ExcelToCanvasBuilder(); builder.setIncludeComment(true);//コメント秤鵑鮑める builder.setIncludeChart(true);//グラフ秤鵑鮑める builder.setIncludePicture(true);//鮫馭鵑鮑める String json = builder.build(new File("Book1.xlsx"), "Sheet1").toJson(); ? ExcelToCanvasBuilderを恬ってExcelファイルを 局してやればOK
- 7. {"width":1035,"height":872,"lines":[{"p":[702,0,963,0],"kind":2},{"p":[0,32,224,32],"kind":6},{"p":[702,32,963,32],"kind":2},{"p":[0,52,688,52],"kind":2},{"p":[702,52,963,52]},{"p":[0,70,688 ,70]},{"p":[702,70,963,70]},{"p":[702,88,963,88]},{"p":[0,106,688,106]},{"p":[702,106,963,106]},{"p":[0,125,688,125],"kind":2},{"p":[702,125,963,125]},{"p":[702,143,963,143]},{"p": [0,162,688,162],"kind":2},{"p":[702,162,963,162]},{"p":[0,180,688,180]},{"p":[702,180,963,180]},{"p":[702,198,963,198]},{"p":[0,216,688,216]},{"p":[702,216,963,216]},{"p":[0,235, 688,235],"kind":2},{"p":[702,235,963,235]},{"p":[29,254,688,254],"kind":2},{"p":[702,254,963,254]},{"p":[0,273,688,273],"kind":2},{"p":[702,273,963,273]},{"p":[0,291,688,291]},{"p ":[702,291,963,291]},{"p":[0,309,688,309]},{"p":[702,309,963,309]},{"p":[0,327,688,327]},{"p":[702,327,963,327]},{"p":[0,345,688,345]},{"p":[702,345,963,345]},{"p":[0,363,688,36 3]},{"p":[702,363,963,363]},{"p":[0,381,688,381]},{"p":[702,381,963,381]},{"p":[0,399,688,399]},{"p":[702,399,963,399]},{"p":[0,417,688,417]},{"p":[702,417,963,417]},{"p":[0,435,6 88,435]},{"p":[702,435,963,435]},{"p":[0,453,688,453]},{"p":[702,453,963,453]},{"p":[0,471,688,471]},{"p":[702,471,963,471]},{"p":[0,489,688,489]},{"p":[702,489,963,489]},{"p":[0, 507,688,507]},{"p":[702,507,963,507]},{"p":[0,525,688,525]},{"p":[702,525,963,525]},{"p":[0,543,688,543]},{"p":[702,543,963,543]},{"p":[0,561,688,561]},{"p":[702,561,963,561]},{ "p":[0,579,688,579]},{"p":[702,579,963,579]},{"p":[0,597,688,597]},{"p":[702,597,963,597]},{"p":[0,615,688,615]},{"p":[702,615,963,615]},{"p":[0,634,688,634],"kind":2},{"p":[702,6 34,963,634]},{"p":[108,652,688,652]},{"p":[702,652,963,652]},{"p":[108,671,688,671],"kind":2},{"p":[702,671,963,671]},{"p":[108,689,688,689]},{"p":[702,689,963,689]},{"p":[108, 708,688,708],"kind":2},{"p":[702,708,963,708]},{"p":[108,727,688,727],"kind":2},{"p":[702,727,963,727]},{"p":[702,745,963,745]},{"p":[702,763,963,763]},{"p":[702,781,963,781]}, {"p":[702,799,963,799]},{"p":[702,817,963,817]},{"p":[702,835,963,835]},{"p":[702,854,963,854],"kind":2},{"p":[0,52,0,125],"kind":2},{"p":[0,162,0,235],"kind":2},{"p":[0,273,0,634], "kind":2},{"p":[29,254,29,634],"kind":2},{"p":[108,52,108,125]},{"p":[108,162,108,235]},{"p":[108,254,108,634]},{"p":[108,634,108,727],"kind":2},{"p":[446,254,446,634]},{"p":[488, 254,488,634]},{"p":[568,254,568,727]},{"p":[688,52,688,125],"kind":2},{"p":[688,162,688,235],"kind":2},{"p":[688,254,688,727],"kind":2},{"p":[702,0,702,854],"kind":2},{"p":[756,0, 756,854]},{"p":[920,0,920,854]},{"p":[963,0,963,854],"kind":2}],"fills":[{"p":[702,0,54,32],"fore":"#C0C0C0"},{"p":[756,0,164,32],"fore":"#C0C0C0"},{"p":[920,0,43,32],"fore":"#C0C0 C0"},{"p":[29,254,79,19],"fore":"#969696"},{"p":[108,254,24,19],"fore":"#969696"},{"p":[132,254,92,19],"fore":"#969696"},{"p":[224,254,222,19],"fore":"#969696"},{"p":[446,254,42 ,19],"fore":"#969696"},{"p":[488,254,80,19],"fore":"#969696"},{"p":[568,254,120,19],"fore":"#969696"},{"p":[0,273,29,18],"fore":"#969696"},{"p":[108,273,24,18],"fore":"#C0C0C0"} ,{"p":[132,273,92,18],"fore":"#C0C0C0"},{"p":[224,273,222,18],"fore":"#C0C0C0"},{"p":[488,273,80,18],"fore":"#C0C0C0"},{"p":[568,273,120,18],"fore":"#C0C0C0"},{"p":[0,291,29,1 8],"fore":"#969696"},{"p":[108,291,24,18],"fore":"#C0C0C0"},{"p":[132,291,92,18],"fore":"#C0C0C0"},{"p":[224,291,222,18],"fore":"#C0C0C0"},{"p":[488,291,80,18],"fore":"#C0C0C 0"},{"p":[568,291,120,18],"fore":"#C0C0C0"},{"p":[0,309,29,18],"fore":"#969696"},{"p":[108,309,24,18],"fore":"#C0C0C0"},{"p":[132,309,92,18],"fore":"#C0C0C0"},{"p":[224,309,222 ,18],"fore":"#C0C0C0"},{"p":[488,309,80,18],"fore":"#C0C0C0"},{"p":[568,309,120,18],"fore":"#C0C0C0"},{"p":[0,327,29,18],"fore":"#969696"},{"p":[108,327,24,18],"fore":"#C0C0C0 "},{"p":[132,327,92,18],"fore":"#C0C0C0"},{"p":[224,327,222,18],"fore":"#C0C0C0"},{"p":[488,327,80,18],"fore":"#C0C0C0"},{"p":[568,327,120,18],"fore":"#C0C0C0"},{"p":[0,345,29, 18],"fore":"#969696"},{"p":[108,345,24,18],"fore":"#C0C0C0"},{"p":[132,345,92,18],"fore":"#C0C0C0"},{"p":[224,345,222,18],"fore":"#C0C0C0"},{"p":[488,345,80,18],"fore":"#C0C0 C0"},{"p":[568,345,120,18],"fore":"#C0C0C0"},{"p":[0,363,29,18],"fore":"#969696"},{"p":[108,363,24,18],"fore":"#C0C0C0"},{"p":[132,363,92,18],"fore":"#C0C0C0"},{"p":[224,363,22 2,18],"fore":"#C0C0C0"},{"p":[488,363,80,18],"fore":"#C0C0C0"},{"p":[568,363,120,18],"fore":"#C0C0C0"},{"p":[0,381,29,18],"fore":"#969696"},{"p":[108,381,24,18],"fore":"#C0C0C 0"},{"p":[132,381,92,18],"fore":"#C0C0C0"},{"p":[224,381,222,18],"fore":"#C0C0C0"},{"p":[488,381,80,18],"fore":"#C0C0C0"},{"p":[568,381,120,18],"fore":"#C0C0C0"},{"p":[0,399,2 9,18],"fore":"#969696"},{"p":[108,399,24,18],"fore":"#C0C0C0"},{"p":[132,399,92,18],"fore":"#C0C0C0"},{"p":[224,399,222,18],"fore":"#C0C0C0"},{"p":[488,399,80,18],"fore":"#C0C 0C0"},{"p":[568,399,120,18],"fore":"#C0C0C0"},{"p":[0,417,29,18],"fore":"#969696"},{"p":[108,417,24,18],"fore":"#C0C0C0"},{"p":[132,417,92,18],"fore":"#C0C0C0"},{"p":[224,417,2 22,18],"fore":"#C0C0C0"},{"p":[488,417,80,18],"fore":"#C0C0C0"},{"p":[568,417,120,18],"fore":"#C0C0C0"},{"p":[0,435,29,18],"fore":"#969696"},{"p":[108,435,24,18],"fore":"#C0C0 C0"},{"p":[132,435,92,18],"fore":"#C0C0C0"},{"p":[224,435,222,18],"fore":"#C0C0C0"},{"p":[488,435,80,18],"fore":"#C0C0C0"},{"p":[568,435,120,18],"fore":"#C0C0C0"},{"p":[0,453, 29,18],"fore":"#969696"},{"p":[108,453,24,18],"fore":"#C0C0C0"},{"p":[132,453,92,18],"fore":"#C0C0C0"},{"p":[224,453,222,18],"fore":"#C0C0C0"},{"p":[488,453,80,18],"fore":"#C0 C0C0"},{"p":[568,453,120,18],"fore":"#C0C0C0"},{"p":[0,471,29,18],"fore":"#969696"},{"p":[108,471,24,18],"fore":"#C0C0C0"},{"p":[132,471,92,18],"fore":"#C0C0C0"},{"p":[224,471, 222,18],"fore":"#C0C0C0"},{"p":[488,471,80,18],"fore":"#C0C0C0"},{"p":[568,471,120,18],"fore":"#C0C0C0"},{"p":[0,489,29,18],"fore":"#969696"},{"p":[108,489,24,18],"fore":"#C0C 0C0"},{"p":[132,489,92,18],"fore":"#C0C0C0"},{"p":[224,489,222,18],"fore":"#C0C0C0"},{"p":[488,489,80,18],"fore":"#C0C0C0"},{"p":[568,489,120,18],"fore":"#C0C0C0"},{"p":[0,507 ,29,18],"fore":"#969696"},{"p":[108,507,24,18],"fore":"#C0C0C0"},{"p":[132,507,92,18],"fore":"#C0C0C0"},{"p":[224,507,222,18],"fore":"#C0C0C0"},{"p":[488,507,80,18],"fore":"#C0 C0C0"},{"p":[568,507,120,18],"fore":"#C0C0C0"},{"p":[0,525,29,18],"fore":"#969696"},{"p":[108,525,24,18],"fore":"#C0C0C0"},{"p":[132,525,92,18],"fore":"#C0C0C0"},{"p":[224,525, 222,18],"fore":"#C0C0C0"},{"p":[488,525,80,18],"fore":"#C0C0C0"},{"p":[568,525,120,18],"fore":"#C0C0C0"},{"p":[0,543,29,18],"fore":"#969696"},{"p":[108,543,24,18],"fore":"#C0C 0C0"},{"p":[132,543,92,18],"fore":"#C0C0C0"},{"p":[224,543,222,18],"fore":"#C0C0C0"},{"p":[488,543,80,18],"fore":"#C0C0C0"},{"p":[568,543,120,18],"fore":"#C0C0C0"},{"p":[0,561 ,29,18],"fore":"#969696"},{"p":[108,561,24,18],"fore":"#C0C0C0"},{"p":[132,561,92,18],"fore":"#C0C0C0"},{"p":[224,561,222,18],"fore":"#C0C0C0"},{"p":[488,561,80,18],"fore":"#C0 C0C0"},{"p":[568,561,120,18],"fore":"#C0C0C0"},{"p":[0,579,29,18],"fore":"#969696"},{"p":[108,579,24,18],"fore":"#C0C0C0"},{"p":[132,579,92,18],"fore":"#C0C0C0"},{"p":[224,579, 222,18],"fore":"#C0C0C0"},{"p":[488,579,80,18],"fore":"#C0C0C0"},{"p":[568,579,120,18],"fore":"#C0C0C0"},{"p":[0,597,29,18],"fore":"#969696"},{"p":[108,597,24,18],"fore":"#C0C 0C0"},{"p":[132,597,92,18],"fore":"#C0C0C0"},{"p":[224,597,222,18],"fore":"#C0C0C0"},{"p":[488,597,80,18],"fore":"#C0C0C0"},{"p":[568,597,120,18],"fore":"#C0C0C0"},{"p":[0,615 ,29,19],"fore":"#969696"},{"p":[108,615,24,19],"fore":"#C0C0C0"},{"p":[132,615,92,19],"fore":"#C0C0C0"},{"p":[224,615,222,19],"fore":"#C0C0C0"},{"p":[488,615,80,19],"fore":"#C0 C0C0"},{"p":[568,615,120,19],"fore":"#C0C0C0"},{"p":[108,671,24,18],"fore":"#C0C0C0"},{"p":[132,671,92,18],"fore":"#C0C0C0"},{"p":[224,671,222,18],"fore":"#C0C0C0"},{"p":[446, 671,42,18],"fore":"#C0C0C0"},{"p":[488,671,80,18],"fore":"#C0C0C0"},{"p":[568,671,120,18],"fore":"#C0C0C0"},{"p":[108,708,24,19],"fore":"#969696"},{"p":[132,708,92,19],"fore":" #969696"},{"p":[224,708,222,19],"fore":"#969696"},{"p":[446,708,42,19],"fore":"#969696"},{"p":[488,708,80,19],"fore":"#969696"}],"strs":[{"p":[0,0,224,32],"id":"A1","text":"廣 猟 ","align":"cb","style":"text-wrap:none;font-size:20pt;font-family:ＭＳ Ｐゴシック;"},{"p":[224,0,464,32],"id":"E1","text":" * 和の廣猟に斌瞳コ`ドと方楚をご秘、咫泡の貧、益芙毅輝 セ`ルスにu003cbru003e お局しいただくか、0xx-xxx-xxxx にファックスにてご僕佚ください。","align":"lb","style":"font-size:8pt;font-family:ＭＳ Ｐゴシッ ク;"},{"p":[702,0,54,32],"id":"J1","text":"斌瞳u003cbru003eコ`ド","align":"cc","style":"font-size:10pt;font-family:ＭＳ Ｐゴシック;"},{"p":[756,0,164,32],"id":"K1","text":"斌瞳兆 ","align":"cc","style":"text-wrap:none;font-size:10pt;font-family:ＭＳ Ｐゴシック;"},{"p":[920,0,43,32],"id":"L1","text":"鯉","align":"cc","style":"text-wrap:none;font-size:10pt;font- family:ＭＳ Ｐゴシック;"},{"p":[702,32,54,20],"id":"J2","text":"001-01","align":"lbg","style":"text-wrap:none;font-size:10pt;font-family:ＭＳ Ｐゴシック;"},´
- 8. <script src=/slideshow/excel2-canvas/18184334/"/ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js＾ ></script> <link rel="stylesheet" type="text/css" media="screen,print" href="jquery.excel2canvas.css" /> <script type="text/javascript" language="javascript" src="flotr2.js"></script> <script type="text/javascript" language="javascript" src="jquery.excel2canvas.min.js"></script> <script type="text/javascript" language="javascript" src="jquery.excel2chart.flotr2.min.js"></script> <script> $(function() { var data = ${excel.raw()};//さっきのJSONデ`タを托めzむ $("#canvasHolder").excelToCanvas(data).css("width", $("#canvas").width()); }); </script> ... <div id="canvasHolder"> <canvas id="canvas"></canvas> </div> ? jQueryプラグインになっているのでCanvasを隠隔す るdivタグでexcelToCanvasメソッドを柵び竃せばOK
- 9. ? F彜どれだけのことができるのか ? 肝ペ`ジ參週えてる譴g廾坪否を盾h ? 冱うまでもないが恬ってないものは宙鮫されない ? この枠どうなっていくのか ? ぶっちゃけ隆協 ? ていうか恷兜に恬ってから磯定參貧蓄らせてたし。。。 ? HerokuのAddonにするがgFすれば彜rは笋錣襪 な
- 10. ? 駅勣なものから恬る ? できることはわかっているが徭蛍が聞ってないのでg廾し ていないものはYある ? できそうなことはやる ? 俶勣があってg廾が辛嬬なものはできるだけやりたいと房 わないこともない ? ExcelのすべてのC嬬をW_することを朕砲箸靴 い ? 贋壓すら岑らないC嬬が表ほどあるに`いない ? オブジェクトなどいかんともしがたいものはあきらめが故 伉 ? ていうか謹蛍誅颪任ると房うけど云櫃任瓩鵑匹さ い。。。(--
- 11. ? Lのスタイルは POIで函誼できてい る ? スクリプト箸畜 に宙鮫しているのは 參和 ? g ? 屈嶷 ? 篤 ? なるLさのダッ シュはgなg として宙鮫 ? スクリプトの俐屎だけ でできるわけだが。。。
- 12. ? 嘘尚弼、パタ`ンの 弼、パタ`ンのN、 すべてPOIで函誼で きている ? しかし、スクリプト 箸任gに嘘尚弼 でTりつぶしている だけでパタ`ンはo している ? これもスクリプトの 俐屎だけでできるけ ど、畠何はやりたく ない
- 13. ? 罪了崔は恣め、嘔め、嶄刹Bえに ? 譲吉護り原けはCSSで仝text-align:jusify々を峺協しているが あんまり_に燕幣されない ? k了崔は貧め、和め、嶄刹Bえに ? リッチストリング(g匯セル坪で猟忖の弼や寄きさを 笋┐)には隆 ? セル畠悶のリンクには ? 孵り卦して畠悶を燕幣、s弌して畠悶を燕幣には隆 ? 圻tセルからはみ竃す猟忖双は掲燕幣 ? ただし、恣めでOのセルが腎いている栽はセルをはみ竃 して猟忖双を燕幣 ? セルのY栽には
- 14. ? Windows OS貧のブラウザではOSにフォントがあればそれが聞喘される ? MacはOSにあるフォントセットが畠く`う貧にfont-familyの晩云Zが音辛なのでなんらかの Qが駅勣 ? とりあえずフォント兆に仝苧劾々とか仝ゴシック々とかがある栽は仝serif々や仝san-serif々を弖紗して いる ? フォントがない栽はデフォルトのフォントで燕幣される ? iOSとAndroidでは苧劾フォントがそもそもない燭里ほぼ械にゴシックで燕幣される。
- 15. ? POIの塀O協盾は 晩云Z(蒙に晩原vB) がメタメタなので徭薦 でなんとかした ? 謹蛍ほとんどの塀は 屎_にでるはず ? 富なくとも晩云Z塀は ? 哂Z塀は謹蛍寄嬋健だ けど麿の冱Z燭哩vして はデグレ`ドしているか もしれない ? ただし枠^が仝々で 兵まる塀はOSの秤 鵑鯤荒辰靴討い襪里 サポ`トできない
- 16. ? Bootstrapの tooltipでg廾 ? このためだけ にBootstrapを includeするの はイマイチな のでg廾笋 るかも ? Bootstrapがな い栽はコメ ントはoさ れ、宙鮫され ない
- 17. ? なんとBASE64にしてJSONの嶄に融っzんでいる ? ちなみに宙鮫は ? <img src=/slideshow/excel2-canvas/18184334/＾data:image/jpeg;base64,´ ＾/> ? あまり寄きな鮫颪鰊Nり原けてはいけない ? 指吉には鬉靴討い覆(CSS3ではできそうだけど。。。)
- 18. ? JavaScriptのグラフライブラリとしてはFlotr2を聞喘し參和に ? 劵哀薀 ? 允グラフ ? 孵れグラフ ? レ`ダ`チャ`ト ? かいプロパティO協吉は深]していない ? ので、た朕はExcel貧でた栽とは寄岻なる ? ちなみにグラフ秤鵑POIでは函誼できないのでOOXML岷i み。。。(-- ? gなグラフでかつFlotr2が鬉靴討い襪發(箭えばバブルグ ラフとか)は書瘁サポ`トする辛嬬來はあるがMみ栽わせグラフ などにはおそらく鬉靴覆ぁ ? JavaScriptライブラリはeのものに餓し紋えることができるO になっているが謹蛍鬉気譴襪海箸呂覆 ? 恷除は措さげなグラフライブラリがたくさんありすぎて採を聞うのが措 いんだかよくわからない。。。
- 19. ? テストはほぼxlsxのみでxlsはほとんどしていない ? だいたいは屎しく竃薦されると房うがグラフや鮫颪oされる はず ? XlsはPOIのバグもあったような。。。 ? テ`マを聞喘している栽の弼が屎しく函れない ? これはやり圭がわからず弼？なサイトをて佩e`したあげく あきらめた。(-- ? ある殻業除い弼になる栽もあればまったくなる弼になること もあってよくわからない。。。 ? Excelはデフォルトフォントによってセル嫌の麻圭隈が 笋錣 ? これはセル嫌を仝デフォルトフォントで採猟忖蛍々という隔ち圭 をしているため。(なんで殖殖) ? 仝MS P ゴシック(晩云Z井)々と仝Arial(謹蛍哂Z井のデフォル ト)々 には鬉靴燭韻鼻△修賻塒發離妊侫ルトフォントではセ ル嫌が髄うと房われる。 ? クリップア`ト、その麿のg廾嚠協はない
- 20. ? 中宜なだけで蒙にyしいことはしていない ? やろうと房えばできることはまだたくさんあるが。。。 ? ただただめんどくさい ? マイナ`なC嬬は聞っている繁が云輝にいるのかiExcel 繁はいると房うけど ? ほとんど聞われることのないC嬬のためにスクリプトが景寄晒 するのは閲けたい ? などの尖喇でもはや徭蛍では枠了がつけられない (-- ? gHのところサポ`トしているC嬬はExcelC嬬のごく 匯何でしかないが弊の嶄のほとんどの繁はその匯何の C嬬しか聞っていないような櫃する ? 書のままでもかなり聞えるはず ? 瘁は駅勣に鬉犬討な。。。(^^;;;