1 /*SIE-SVG without Plugin under LGPL2.1 & GPL2.0 & Mozilla Public Lisence
2 *公式ページは http://sie.sourceforge.jp/
3 *利用方法は <script defer="defer" type="text/javascript" src="sie.js"></script>
4 *http://sie.sourceforge.jp/
5 *Usage: <script defer="defer" type="text/javascript" src="sie.js"></script>
7 /* ***** BEGIN LICENSE BLOCK *****
8 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
10 * The contents of this file are subject to the Mozilla Public License Version
11 * 1.1 (the "License"); you may not use this file except in compliance with
12 * the License. You may obtain a copy of the License at
13 * http://www.mozilla.org/MPL/
15 * Software distributed under the License is distributed on an "AS IS" basis,
16 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
17 * for the specific language governing rights and limitations under the
20 * The Original Code is the Mozilla SVG Cairo Renderer project.
22 * The Initial Developer of the Original Code is IBM Corporation.
23 * Portions created by the Initial Developer are Copyright (C) 2004
24 * the Initial Developer. All Rights Reserved.
26 * Parts of this file contain code derived from the following files(s)
27 * of the Mozilla SVG project (these parts are Copyright (C) by their
28 * respective copyright-holders):
29 * layout/svg/renderer/src/libart/nsSVGLibartBPathBuilder.cpp
31 * Contributor(s):DHRNAME revulo bellbind
33 * Alternatively, the contents of this file may be used under the terms of
34 * either of the GNU General Public License Version 2 or later (the "GPL"),
35 * or the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
36 * in which case the provisions of the GPL or the LGPL are applicable instead
37 * of those above. If you wish to allow use of your version of this file only
38 * under the terms of either the GPL or the LGPL, and not to allow others to
39 * use your version of this file under the terms of the MPL, indicate your
40 * decision by deleting the provisions above and replace them with the notice
41 * and other provisions required by the GPL or the LGPL. If you do not delete
42 * the provisions above, a recipient may use your version of this file under
43 * the terms of any one of the MPL, the GPL or the LGPL.
45 * ***** END LICENSE BLOCK ***** */
47 * Copyright (c) 2000 World Wide Web Consortium,
48 * (Massachusetts Institute of Technology, Institut National de
49 * Recherche en Informatique et en Automatique, Keio University). All
50 * Rights Reserved. This program is distributed under the W3C's Software
51 * Intellectual Property License. This program is distributed in the
52 * hope that it will be useful, but WITHOUT ANY WARRANTY; without even
53 * the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR
55 * See W3C License http://www.w3.org/Consortium/Legal/ for more details.
66 // For access to DOM2 core
68 // For access to DOM2 events
70 // For access to those parts from DOM2 CSS OM used by SVG DOM.
72 // For access to those parts from DOM2 Views OM used by SVG DOM.
74 // For access to the SMIL OM used by SVG DOM.
76 #pragma prefix "dom.w3c.org"
77 #pragma javaPackage "org.w3c.dom"
80 typedef dom::DOMString DOMString;
81 typedef dom::DOMException DOMException;
82 typedef dom::Element Element;
83 typedef dom::Document Document;
84 typedef dom::NodeList NodeList;
87 interface SVGLangSpace;
88 interface SVGExternalResourcesRequired;
90 interface SVGFitToViewBox;
91 interface SVGZoomAndPan;
92 interface SVGViewSpec;
93 interface SVGURIReference;
96 interface SVGPreserveAspectRatio;
97 interface SVGAnimatedPreserveAspectRatio;
98 interface SVGTransformList;
99 interface SVGAnimatedTransformList;
100 interface SVGTransform;
101 interface SVGICCColor;
104 interface SVGTransformable;
105 interface SVGDocument;
106 interface SVGSVGElement;
107 interface SVGElementInstance;
108 interface SVGElementInstanceList;
110 function SVGException(code) {
111 /*unsigned short*/ this.code = code;
112 if (this.code === SVGException.SVG_WRONG_TYPE_ERR) {
113 this.message = "SVG Wrong Type Error";
114 } else if (this.code === SVGException.SVG_INVALID_VALUE_ERR) {
115 this.message = "SVG Invalid Value Error";
116 } else if (this.code === SVGException.SVG_MATRIX_NOT_INVERTABLE) {
117 this.message = "SVG Matrix Not Invertable";
121 SVGException.constructor = Error;
122 SVGException.prototype = new Error();
124 /*const unsigned short*/ SVGException.SVG_WRONG_TYPE_ERR = 0;
125 /*const unsigned short*/ SVGException.SVG_INVALID_VALUE_ERR = 1;
126 /*const unsigned short*/ SVGException.SVG_MATRIX_NOT_INVERTABLE = 2;
129 *すべてのSVG関連要素の雛形となるオブジェクト
131 function SVGElement() {
133 SVGStylable.call(this); //ElementCSSInlineStyleのインタフェースを継承
134 /*interface SVGTransformable : SVGLocatable
135 *TransformListはtransform属性を行列で表現したあとのリスト構造
137 /*readonly attribute SVGAnimatedTransformList*/ this.transform = new SVGAnimatedTransformList();
138 //描画の際、SVGStylabaleで指定しておいたプロパティの処理をする
139 this.addEventListener("DOMAttrModified", function(evt){
140 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
143 var name = evt.attrName,
145 if (!!CSS2Properties[name] || (name.indexOf("-") > -1)) { //スタイルシートのプロパティならば
146 tar._attributeStyle.setProperty(name, evt.newValue, "");
148 if (evt.relatedNode.localName === "id") { //xml:idあるいはid属性ならば
149 tar.id = evt.newValue;
150 } else if ((name === "transform") && !!tar.transform) {
151 var tft = evt.newValue,
153 coma = tft.match(tar._comaReg), //コマンド文字にマッチ translate
154 list = tft.match(tar._strReg), //カッコ内のリストにマッチ (10 20 30...)
164 etod = evt.target.ownerDocument.documentElement,
165 ttb = tar.transform.baseVal;
166 //transform属性の値を、SVGTransformListであるtransformプロパティに結びつける
167 for (var j=0,cli=coma.length;j<cli;j++) {
168 s = etod.createSVGTransform();
171 deg = lis.match(degR);
184 s.setRotate(degz, +(deg[1]), +(deg[2]))
185 } else if (degli <= 2) {
187 if (com === "translate") {
188 s.setTranslate(degz, +(deg[1] || 0));
189 } else if (com === "scale") {
190 s.setScale(degz, +(deg[1] || deg[0]));
191 } else if (com === "rotate") {
192 s.setRotate(degz, 0, 0);
193 } else if (com === "skewX") {
195 } else if (com === "skewY") {
202 tft = degR = coma = list = a = b = c = d = e = f = lis = com = deg = rad = degli = s = cm = degz = etod = ttb = void 0;
203 } else if (name === "style") {
204 var sc = evt.newValue,
212 sc = sc.replace(tar._shouReg, "")
213 .replace(tar._conReg, ":")
214 .replace(tar._bouReg, ";");
216 for (var i=0, ali=a.length;i<ali;++i) {
220 style.setProperty(m[0], m[1]);
225 a = sc = style = void 0;
226 } else if (name === "class") {
227 tar.className = evt.newValue;
228 } else if (name.indexOf("on") === 0) { //event属性ならば
229 /*ECMA 262-3においては、eval("(function(){})")はFunctionオブジェクトを返さなければならない
230 *ところが、IEでは、undefinedの値を返してしまう。
231 *他のブラウザではECMAの仕様にしたがっているようなので、IEだけの問題であることに注意
233 eval("document._s = (function(evt){" +evt.newValue+ "})");
234 var v = name.slice(2);
237 } else if (v === "unload") {
239 } else if (v === "abort") {
241 } else if (v === "error") {
243 } else if (v === "resize") {
245 } else if (v === "scroll") {
247 } else if (v === "zoom") {
249 } else if (v === "begin") {
251 } else if (v === "end") {
253 } else if (v === "repeat") {
256 tar.addEventListener(v, document._s, false);
257 } else if (evt.relatedNode.nodeName === "xml:base") { //xml:base属性ならば
258 tar.xmlbase = evt.newValue;
259 } else if (!!tar[name] && (tar[name] instanceof SVGAnimatedLength)) {
261 tod = tar.ownerDocument.documentElement,
262 tvw = tod.viewport.width,
263 tvh = tod.viewport.height,
265 n = evt.newValue.slice(-2),
267 type = /*SVGLength.SVG_LENGTHTYPE_NUMBER*/ 1,
268 _parseFloat = parseFloat;
269 if (m >= "0" && m <= "9") { //軽量化のためにチェックを設ける
270 } else if (m === "%") {
271 if (tar._x1width[name]) {
272 tea.baseVal._percent = tvw * 0.01;
273 } else if (tar._y1height[name]) {
274 tea.baseVal._percent = tvh * 0.01;
276 tea.baseVal._percent = Math.sqrt((tvw*tvw + tvh*tvh) / 2) * 0.01;
278 type = /*SVGLength.SVG_LENGTHTYPE_PERCENTAGE*/ 2;
279 } else if (n === "em") {
280 type = /*SVGLength.SVG_LENGTHTYPE_EMS*/ 3;
281 } else if (n === "ex") {
282 type = /*SVGLength.SVG_LENGTHTYPE_EXS*/ 4;
283 } else if (n === "px") {
284 type = /*SVGLength.SVG_LENGTHTYPE_PX*/ 5;
285 } else if (n === "cm") {
286 type = /*SVGLength.SVG_LENGTHTYPE_CM*/ 6;
287 } else if (n === "mm") {
288 type = /*SVGLength.SVG_LENGTHTYPE_MM*/ 7;
289 } else if (n === "in") {
290 type = /*SVGLength.SVG_LENGTHTYPE_IN*/ 8;
291 } else if (n === "pt") {
292 type = /*SVGLength.SVG_LENGTHTYPE_PT*/ 9;
293 } else if (n === "pc") {
294 type = /*SVGLength.SVG_LENGTHTYPE_PC*/ 10;
296 s = _parseFloat(evt.newValue);
297 s = isNaN(s) ? 0 : s;
298 tea.baseVal.newValueSpecifiedUnits(type, s);
299 tea = tod = tvw = tvh = n = type = _parseFloat = s = void 0;
301 evt = _parseFloat = name = tar = null;
305 SVGElement.constructor = Element;
306 SVGElement.prototype = new Element();
309 /*以下の正規表現は属性のパーサの際に用いる*/
310 this._degReg = /[\-\d\.e]+/g;
311 this._comaReg = /[A-Za-z]+(?=\s*\()/g;
312 this._strReg = /\([^\)]+\)/g;
313 this._syouReg = /^[^a-z\-]+/;
314 this._conReg = /\:\s+/g;
315 this._bouReg = /\s*;[^a-z\-]*/g;
316 /*_cacheMatrixプロパティはSVGMatrixのキャッシュとして、
319 this._cacheMatrix = null;
320 /*以下のオブジェクトは単位がパーセント付きの属性の名前を示し、処理に使う*/
335 /*String*/ this.id = null; //id属性の値
336 /*String*/ this.xmlbase = null; //xml:base属性の値
337 /*SVGSVGElement*/ this.ownerSVGElement; //ルート要素であるsvg要素
338 /*readonly SVGElement*/ this.viewportElement; //ビューポートを形成する要素(多くはsvg要素)
339 /*readonly attribute SVGElement*/ this.nearestViewportElement = null;
340 /*readonly attribute SVGElement*/ this.farthestViewportElement = null;
342 /*interface SVGLocatable*/
343 /*SVGRect*/ this.getBBox = function(){
344 var s = new SVGRect(),
345 data = this._tar.path.value,
346 vi = this.ownerDocument.documentElement.viewport,
351 degis = data.match(/[0-9\-]+/g),
354 /*要素の境界領域を求める(四隅の座標を求める)
355 *etは境界領域の上からビューポート(例えばsvg要素)の上端までの距離であり、ebは境界領域の下からビューポートの下端までの距離
356 *elは境界領域の左からビューポートの左端までの距離であり、erは境界領域の右からビューポートの右端までの距離
358 for (var i=0,degisli=degis.length;i<degisli;i+=2) {
361 el = el > nx ? nx : el;
362 et = et > ny ? ny : et;
363 er = er > nx ? er : nx;
364 eb = eb > ny ? eb : ny;
370 nx = ny = data = degis =el = et = er = eb = vi = void 0;
375 *CTMとは現在の利用座標系に対する変換行列
376 *注意点として、SVG1.1とSVG Tiny1.2では内容が異なる。たとえば、
377 *1.2ではgetCTMが言及されていない
378 *もし、要素の中心座標を取得したい人がいれば、transformプロパティのconsolidateメソッドを使うこと
380 /*SVGMatrix*/ this.getCTM = function() {
382 if (!!this._cacheMatrix) { //キャッシュがあれば
383 s = this._cacheMatrix;
385 m = this.transform.baseVal.consolidate();
389 m = this.ownerDocument.documentElement.createSVGMatrix();
391 if (this.parentNode && !!this.parentNode.getCTM) {
392 s = this.parentNode.getCTM().multiply(m);
397 this._cacheMatrix = s; //キャッシュをためて次回で使う
402 /*SVGMatrix*/ this.getScreenCTM = function(){
403 if (!this.parentNode) {
406 var view = this.nearestViewportElement || this.ownerDocument.documentElement;
407 var s = view.getScreenCTM().multiply(this.getCTM());
412 /*getTransformToElementメソッド
413 *これは、あるelementへの変換行列を計算して返す
414 *たとえばある要素から別の要素への引越しをする際の変換行列を算出することが可能
416 /*SVGMatrix*/ this.getTransformToElement = function(/*SVGElement*/ element ){
417 var s = this.getScreenCTM().inverse().multiply(element.getScreenCTM());
420 }).apply(SVGElement.prototype);
422 function SVGAnimatedBoolean() {
423 /*boolean*/ this.animVal = this.baseVal = true;
427 function SVGAnimatedString() {
428 /*String*/ this.animVal = this.baseVal = "";
432 function SVGStringList() {
435 SVGStringList.prototype = new Array();
437 /*readonly unsigned long*/ this.numberOfItems = 0;
438 /*void*/ this.clear = function(){
439 for (var i=0, tli=this.length;i<tli;++i) {
442 this.numberOfItems = 0;
444 /*DOMString*/ this.initialize = function(/*DOMString*/ newItem ) {
447 this.numberOfItems = 1;
450 /*DOMString*/ this.getItem = function(/*unsigned long*/ index ) {
451 if (index >= this.numberOfItems || index < 0) {
452 throw (new DOMException(DOMException.INDEX_SIZE_ERR));
454 return (this[index]);
457 /*DOMString*/ this.insertItemBefore = function(/*DOMString*/ newItem, /*unsigned long*/ index ){
458 if (index >= this.numberOfItems) {
459 this.appendItem(newItem);
461 this.splice(index, 1, newItem, this.getItem[index]);
462 ++this.numberOfItems;
466 /*DOMString*/ this.replaceItem = function(/*DOMString*/ newItem, /*unsigned long*/ index ){
467 if (index >= this.numberOfItems || index < 0) {
468 throw (new DOMException(DOMException.INDEX_SIZE_ERR));
470 this.splice(index, 1, newItem);
474 //raises( DOMException, SVGException );
475 /*DOMString*/ this.removeItem = function(/*unsigned long*/ index ){
476 if (index >= this.numberOfItems || index < 0) {
477 throw (new DOMException(DOMException.INDEX_SIZE_ERR));
479 this.splice(index, 1);
480 --this.numberOfItems;
484 /*DOMString*/ this.appendItem = function(/*DOMString*/ newItem ){
485 this[this.numberOfItems] = newItem;
486 ++this.numberOfItems;
488 }).apply(SVGStringList.prototype);
490 function SVGAnimatedEnumeration() {
491 /*unsigned short*/ this.baseVal = 0;
492 // raises DOMException on setting
493 /*readonly unsigned short*/ this.animVal = 0;
496 function SVGAnimatedInteger() {
497 /*long*/ this.baseVal = 0;
498 // raises DOMException on setting
499 /*readonly long*/ this.animVal = 0;
502 function SVGNumber() {
503 /*float*/ this.value = 0;
504 // raises DOMException on setting
507 function SVGAnimatedNumber() {
508 /*float*/ this.baseVal = this.animVal = 0;
512 function SVGNumberList() {
515 for (var prop in SVGStringList.prototype) { //prototypeのコピーで継承を行う
516 SVGNumberList.prototype[prop] = SVGStringList.prototype[prop];
518 function SVGAnimatedNumberList() {
519 /*readonly SVGNumberList*/ this.animVal = this.baseVal = new SVGNumberList();
523 *長さを設定する(単位pxに統一する方便として使う)
524 *valueInSpecifiedUnitsプロパティはpxに統一する前の数値。valueプロパティはpxに統一した後の数値
526 function SVGLength() {
531 /*const unsigned short*/ t.SVG_LENGTHTYPE_UNKNOWN = 0;
532 /*const unsigned short*/ t.SVG_LENGTHTYPE_NUMBER = 1;
533 /*const unsigned short*/ t.SVG_LENGTHTYPE_PERCENTAGE = 2;
534 /*const unsigned short*/ t.SVG_LENGTHTYPE_EMS = 3;
535 /*const unsigned short*/ t.SVG_LENGTHTYPE_EXS = 4;
536 /*const unsigned short*/ t.SVG_LENGTHTYPE_PX = 5;
537 /*const unsigned short*/ t.SVG_LENGTHTYPE_CM = 6;
538 /*const unsigned short*/ t.SVG_LENGTHTYPE_MM = 7;
539 /*const unsigned short*/ t.SVG_LENGTHTYPE_IN = 8;
540 /*const unsigned short*/ t.SVG_LENGTHTYPE_PT = 9;
541 /*const unsigned short*/ t.SVG_LENGTHTYPE_PC = 10;
544 SVGLength.prototype = {
545 /*readonly attribute unsigned short*/ unitType : SVGLength.SVG_LENGTHTYPE_UNKNOWN,
546 /*attribute float*/ value : 0, //利用単位における値
547 /*attribute float*/ valueInSpecifiedUnits : SVGLength.SVG_LENGTHTYPE_UNKNOWN, //unitTypeにおける値
548 /*attribute DOMString*/ valueAsString : "0",
549 _percent : 0.01, //単位に%が使われていた場合、このプロパティの数値を1%として使う
550 _fontSize : 12, //単位のemとexで使われるfont-sizeの値
551 /*newValueSpedifiedUnitsメソッド
552 *新しくunitTypeにおける値を設定する
553 *例:2pxならば、x.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_PX, 2);となる
555 newValueSpecifiedUnits : function (/*unsigned short*/ unitType, /*float*/ valueInSpecifiedUnits) {
557 _s = ""; //nは各単位から利用単位への変換数値。_sは単位の文字列を表す
558 if (unitType === /*SVGLength.SVG_LENGTHTYPE_NUMBER*/ 1) {
559 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_PX*/ 5) {
561 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_PERCENTAGE*/ 2) {
564 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_EMS*/ 3) {
567 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_EXS*/ 4) {
568 n = this._fontSize * 0.5;
570 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_CM*/ 6) {
573 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_MM*/ 7) {
576 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_IN*/ 8) {
579 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_PT*/ 9) {
582 } else if (unitType === /*SVGLength.SVG_LENGTHTYPE_PC*/ 10) {
586 throw new DOMException(DOMException.NOT_SUPPORTED_ERR);
588 this.unitType = unitType;
589 this.value = valueInSpecifiedUnits * n;
590 this.valueInSpecifiedUnits = valueInSpecifiedUnits;
591 this.valueAsString = valueInSpecifiedUnits + _s;
592 valueInSpecifiedUnits = unitType = n = _s = void 0;
594 /*convertToSpecifiedUnitsメソッド
595 *valueプロパティを書き換えずに、単位だけを変換する
597 * x.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_CM, 2);
598 * x.convertToSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_MM);
599 * alert(x.valueAsString); //20mm
601 convertToSpecifiedUnits : function (/*unsigned short*/ unitType) {
602 if (this.value === 0) {
603 this.newValueSpecifiedUnits(unitType, 0);
607 this.newValueSpecifiedUnits(unitType, this.valueInSpecifiedUnits);
608 v = v / this.value * this.valueInSpecifiedUnits;
609 this.newValueSpecifiedUnits(unitType, v);
612 *emやexが単位に使われていたときに、@fontSizeの値を手がかりに、新たな値へとvalueを変換させる
613 *単位が%の場合は、新しいvalueへと変換させておく
615 _emToUnit : function (/*float*/ fontSize) {
616 if ((this.unitType === /*SVGLength.SVG_LENGTHTYPE_EMS*/ 3) || (this.unitType === 4)) {
617 this._fontSize = fontSize;
618 this.newValueSpecifiedUnits(this.unitType, this.valueInSpecifiedUnits);
622 function SVGAnimatedLength() {
623 /*readonly SVGLength*/ this.animVal;
624 this.baseVal = new SVGLength();
625 this.baseVal.unitType = 1;
628 function SVGLengthList() {
631 for (var prop in SVGStringList.prototype) { //prototypeのコピーで継承を行う
632 SVGLengthList.prototype[prop] = SVGStringList.prototype[prop];
634 function SVGAnimatedLengthList() {
635 /*readonly SVGNumberList*/ this.animVal = this.baseVal = new SVGLengthList();
638 function SVGAngle() {
641 SVGAngle.prototype = {
642 /*readonly attribute unsigned short*/ unitType : 0,
643 /*attribute float*/ value : 0,
644 // raises DOMException on setting
645 /*attribute float*/ valueInSpecifiedUnits : 0,
646 // raises DOMException on setting
647 /*attribute DOMString*/ valueAsString : "0",
648 // raises DOMException on setting
649 /*void*/ newValueSpecifiedUnits : function (/*in unsigned short*/ unitType, /*in float*/ valueInSpecifiedUnits ) {
651 _s = ""; //nは各単位から度への変換数値。_sは単位の文字列を表す
652 if (unitType === SVGAngle.SVG_ANGLETYPE_UNSPECIFIED) {
653 } else if (unitType === SVGAngle.SVG_ANGLETYPE_DEG) {
655 } else if (unitType === SVGAngle.SVG_ANGLETYPE_RAD) {
658 } else if (unitType === SVGAngle.SVG_ANGLETYPE_GRAD) {
662 throw new DOMException(DOMException.NOT_SUPPORTED_ERR);
664 this.unitType = unitType;
665 this.value = valueInSpecifiedUnits * n;
666 this.valueInSpecifiedUnits = valueInSpecifiedUnits;
667 this.valueAsString = valueInSpecifiedUnits + _s;
669 //raises( DOMException );
671 /*void*/ convertToSpecifiedUnits : function (/*in unsigned short*/ unitType ) {
672 if (this.value === 0) {
673 this.newValueSpecifiedUnits(unitType, 0);
677 this.newValueSpecifiedUnits(unitType, this.valueInSpecifiedUnits);
678 v = v / this.value * this.valueInSpecifiedUnits;
679 this.newValueSpecifiedUnits(unitType, v);
680 //raises( DOMException );
684 /*const unsigned short*/ SVGAngle.SVG_ANGLETYPE_UNKNOWN = 0;
685 /*const unsigned short*/ SVGAngle.SVG_ANGLETYPE_UNSPECIFIED = 1;
686 /*const unsigned short*/ SVGAngle.SVG_ANGLETYPE_DEG = 2;
687 /*const unsigned short*/ SVGAngle.SVG_ANGLETYPE_RAD = 3;
688 /*const unsigned short*/ SVGAngle.SVG_ANGLETYPE_GRAD = 4;
689 function SVGAnimatedAngle() {
690 /*readonly attribute SVGAngle*/ this.baseVal = new SVGAngle();
691 /*readonly attribute SVGAngle*/ this.animVal = this.baseVal;
694 function SVGColor() {
695 CSSValue.apply(this);
696 /*readonly css::RGBColor*/ this.rgbColor = new RGBColor();
701 /*unsigned short*/ SVGColor.SVG_COLORTYPE_UNKNOWN = 0;
702 /*unsigned short*/ SVGColor.SVG_COLORTYPE_RGBCOLOR = 1;
703 /*unsigned short*/ SVGColor.SVG_COLORTYPE_RGBCOLOR_ICCCOLOR = 2;
704 /*unsigned short*/ SVGColor.SVG_COLORTYPE_CURRENTCOLOR = 3;
705 SVGColor.prototype = new CSSValue(); //ノードのプロトタイプチェーンを作って、継承
706 SVGColor.constructor = CSSValue;
709 /*readonly unsigned short*/ this.colorType = /*SVGColor.SVG_COLORTYPE_UNKNOWN*/ 0;
710 /*readonly SVGICCColor*/ this.iccColor = null;
712 this._regDP = /[\d.]+%/g;
713 /*void*/ this.setRGBColor = function(/*DOMString*/ rgbColor ){
718 if (!rgbColor || (typeof rgbColor !== "string")) {
719 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
721 rgbColor = this._keywords[rgbColor] || rgbColor;
722 if (rgbColor.indexOf("%", 5) > 0) { // %を含むrgb形式の場合
723 rgbColor = rgbColor.replace(this._regDP, function(s) {
724 return Math.round((2.55 * parseFloat(s)));
726 s = rgbColor.match(this._regD);
727 } else if (rgbColor.indexOf("#") === 0) { //#を含む場合
729 _parseInt = parseInt;
730 r = rgbColor.charAt(1);
731 g = rgbColor.charAt(2);
732 b = rgbColor.charAt(3)
733 if (rgbColor.length < 5) {
734 c = "#" + r + r + g + g + b + b;
738 s[0] = _parseInt(r+rgbColor.charAt(2), 16)+ "";
739 s[1] = _parseInt(rgbColor.charAt(3)+rgbColor.charAt(4), 16)+ "";
740 s[2] = _parseInt(rgbColor.charAt(5)+rgbColor.charAt(6), 16)+ "";
743 s = rgbColor.match(this._regD);
744 if (!s || (s.length < 3)) { //数値が含まれていなければ強制的に終了
746 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
749 this.rgbColor.red.setFloatValue(/*CSSPrimitiveValue.CSS_NUMBER*/ 1, s[0]);
750 this.rgbColor.green.setFloatValue(1, s[1]);
751 this.rgbColor.blue.setFloatValue(1, s[2]);
752 rgbColor = s = _parseInt = void 0;
755 // raises( SVGException );
756 /*void*/ this.setColor =function(/*unsigned short*/ colorType, /*DOMString*/ rgbColor, /*DOMString*/ iccColor ){
757 this.colorType = colorType;
758 if ((colorType === /*SVGColor.SVG_COLORTYPE_RGBCOLOR*/ 1) && iccColor) {
759 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
760 } else if (colorType === /*SVGColor.SVG_COLORTYPE_RGBCOLOR*/ 1) {
761 this.setRGBColor(rgbColor);
762 } else if (rgbColor && (colorType === /*SVGColor.SVG_COLORTYPE_CURRENTCOLOR*/ 3)) {
763 this.setRGBColor(rgbColor);
764 } else if ((colorType === /*SVGColor.SVG_COLORTYPE_UNKNOWN*/ 0) && (rgbColor || iccColor)) {
765 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
766 } else if ((colorType === /*SVGColor.SVG_COLORTYPE_RGBCOLOR_ICCCOLOR*/ 2) && (rgbColor || !iccColor)) {
767 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
769 colorType = rgbColor = void 0;
771 // raises( SVGException );
774 aliceblue: "rgb(240,248,255)",
775 antiquewhite: "rgb(250,235,215)",
776 aqua: "rgb(0,255,255)",
777 aquamarine: "rgb(127,255,212)",
778 azure: "rgb(240,255,255)",
779 beige: "rgb(245,245,220)",
780 bisque: "rgb(255,228,196)",
782 blanchedalmond:"rgb(255,235,205)",
783 blue: "rgb(0,0,255)",
784 blueviolet: "rgb(138,43,226)",
785 brown: "rgb(165,42,42)",
786 burlywood: "rgb(222,184,135)",
787 cadetblue: "rgb(95,158,160)",
788 chartreuse: "rgb(127,255,0)",
789 chocolate: "rgb(210,105,30)",
790 coral: "rgb(255,127,80)",
791 cornflowerblue:"rgb(100,149,237)",
792 cornsilk: "rgb(255,248,220)",
793 crimson: "rgb(220,20,60)",
794 cyan: "rgb(0,255,255)",
795 darkblue: "rgb(0,0,139)",
796 darkcyan: "rgb(0,139,139)",
797 darkgoldenrod:"rgb(184,134,11)",
798 darkgray: "rgb(169,169,169)",
799 darkgreen: "rgb(0,100,0)",
800 darkgrey: "rgb(169,169,169)",
801 darkkhaki: "rgb(189,183,107)",
802 darkmagenta: "rgb(139,0,139)",
803 darkolivegreen:"rgb(85,107,47)",
804 darkorange: "rgb(255,140,0)",
805 darkorchid: "rgb(153,50,204)",
806 darkred: "rgb(139,0,0)",
807 darksalmon: "rgb(233,150,122)",
808 darkseagreen: "rgb(143,188,143)",
809 darkslateblue:"rgb(72,61,139)",
810 darkslategray:"rgb(47,79,79)",
811 darkslategrey:"rgb(47,79,79)",
812 darkturquoise:"rgb(0,206,209)",
813 darkviolet: "rgb(148,0,211)",
814 deeppink: "rgb(255,20,147)",
815 deepskyblue: "rgb(0,191,255)",
816 dimgray: "rgb(105,105,105)",
817 dimgrey: "rgb(105,105,105)",
818 dodgerblue: "rgb(30,144,255)",
819 firebrick: "rgb(178,34,34)",
820 floralwhite: "rgb(255,250,240)",
821 forestgreen: "rgb(34,139,34)",
822 fuchsia: "rgb(255,0,255)",
823 gainsboro: "rgb(220,220,220)",
824 ghostwhite: "rgb(248,248,255)",
825 gold: "rgb(255,215,0)",
826 goldenrod: "rgb(218,165,32)",
827 gray: "rgb(128,128,128)",
828 grey: "rgb(128,128,128)",
829 green: "rgb(0,128,0)",
830 greenyellow: "rgb(173,255,47)",
831 honeydew: "rgb(240,255,240)",
832 hotpink: "rgb(255,105,180)",
833 indianred: "rgb(205,92,92)",
834 indigo: "rgb(75,0,130)",
835 ivory: "rgb(255,255,240)",
836 khaki: "rgb(240,230,140)",
837 lavender: "rgb(230,230,250)",
838 lavenderblush:"rgb(255,240,245)",
839 lawngreen: "rgb(124,252,0)",
840 lemonchiffon: "rgb(255,250,205)",
841 lightblue: "rgb(173,216,230)",
842 lightcoral: "rgb(240,128,128)",
843 lightcyan: "rgb(224,255,255)",
844 lightgoldenrodyellow:"rgb(250,250,210)",
845 lightgray: "rgb(211,211,211)",
846 lightgreen: "rgb(144,238,144)",
847 lightgrey: "rgb(211,211,211)",
848 lightpink: "rgb(255,182,193)",
849 lightsalmon: "rgb(255,160,122)",
850 lightseagree: "rgb(32,178,170)",
851 lightskyblue: "rgb(135,206,250)",
852 lightslategray:"rgb(119,136,153)",
853 lightslategrey:"rgb(119,136,153)",
854 lightsteelblue:"rgb(176,196,222)",
855 lightyellow: "rgb(255,255,224)",
856 lime: "rgb(0,255,0)",
857 limegreen: "rgb(50,205,50)",
858 linen: "rgb(250,240,230)",
859 magenta: "rgb(255,0,255)",
860 maroon: "rgb(128,0,0)",
861 mediumaquamarine:"rgb(102,205,170)",
862 mediumblue: "rgb(0,0,205)",
863 mediumorchid: "rgb(186,85,211)",
864 mediumpurple: "rgb(147,112,219)",
865 mediumseagreen:"rgb(60,179,113)",
866 mediumslateblue:"rgb(123,104,238)",
867 mediumspringgreen:"rgb(0,250,154)",
868 mediumturquoise:"rgb(72,209,204)",
869 mediumvioletred:"rgb(199,21,133)",
870 midnightblue: "rgb(25,25,112)",
871 mintcream: "rgb(245,255,250)",
872 mistyrose: "rgb(255,228,225)",
873 moccasin: "rgb(255,228,181)",
874 navajowhite: "rgb(255,222,173)",
875 navy: "rgb(0,0,128)",
876 oldlace: "rgb(253,245,230)",
877 olive: "rgb(128,128,0)",
878 olivedrab: "rgb(107,142,35)",
879 orange: "rgb(255,165,0)",
880 orangered: "rgb(255,69,0)",
881 orchid: "rgb(218,112,214)",
882 palegoldenrod: "rgb(238,232,170)",
883 palegreen: "rgb(152,251,152)",
884 paleturquoise: "rgb(175,238,238)",
885 palevioletred: "rgb(219,112,147)",
886 papayawhip: "rgb(255,239,213)",
887 peachpuff: "rgb(255,218,185)",
888 peru: "rgb(205,133,63)",
889 pink: "rgb(255,192,203)",
890 plum: "rgb(221,160,221)",
891 powderblue: "rgb(176,224,230)",
892 purple: "rgb(128,0,128)",
894 rosybrown: "rgb(188,143,143)",
895 royalblue: "rgb(65,105,225)",
896 saddlebrown: "rgb(139,69,19)",
897 salmon: "rgb(250,128,114)",
898 sandybrown: "rgb(244,164,96)",
899 seagreen: "rgb(46,139,87)",
900 seashell: "rgb(255,245,238)",
901 sienna: "rgb(160,82,45)",
902 silver: "rgb(192,192,192)",
903 skyblue: "rgb(135,206,235)",
904 slateblue: "rgb(106,90,205)",
905 slategray: "rgb(112,128,144)",
906 slategrey: "rgb(112,128,144)",
907 snow: "rgb(255,250,250)",
908 springgreen: "rgb(0,255,127)",
909 steelblue: "rgb(70,130,180)",
910 tan: "rgb(210,180,140)",
911 teal: "rgb(0,128,128)",
912 thistle: "rgb(216,191,216)",
913 tomato: "rgb(255,99,71)",
914 turquoise: "rgb(64,224,208)",
915 violet: "rgb(238,130,238)",
916 wheat: "rgb(245,222,179)",
917 white: "rgb(255,255,255)",
918 whitesmoke: "rgb(245,245,245)",
919 yellow: "rgb(255,255,0)",
920 yellowgreen: "rgb(154,205,50)"
922 }).apply(SVGColor.prototype);
925 /*float*/ this.x = 0;
926 // raises DOMException on setting
927 /*float*/ this.y = 0;
928 // raises DOMException on setting
929 /*float*/ this.width = 0;
930 // raises DOMException on setting
931 /*float*/ this.height = 0;
932 // raises DOMException on setting
936 function SVGAnimatedRect() {
937 /*readonly SVGRect*/ this.animVal = this.baseVal = new SVGRect();
943 /*unsigned short*/ SVG_UNIT_TYPE_UNKNOWN : 0,
944 /*unsigned short*/ SVG_UNIT_TYPE_USERSPACEONUSE : 1,
945 /*unsigned short*/ SVG_UNIT_TYPE_OBJECTBOUNDINGBOX : 2
947 function SVGStylable() {
948 /*readonly attribute SVGAnimatedString*/ this.className = new SVGAnimatedString();
949 /*readonly attribute css::CSSStyleDeclaration*/ this.style = new CSSStyleDeclaration();
950 this._attributeStyle = new CSSStyleDeclaration(); //プレゼンテーション属性の値を格納する
951 //styleのcssTextプロパティを解析するリスナーを登録しておく
953 /*getPresentationAttributeメソッド
954 *プレゼンテーション属性の値をCSSValueとして得る。これはCSSのスタイルの設定値を定めるときや、内部の動的処理に役立つ
956 /*css::CSSValue*/ SVGElement.prototype.getPresentationAttribute = function( /*DOMString*/ name ){
957 var s = this._attributeStyle.getPropertyCSSValue(name);
965 /*SVGURIReferenceオブジェクトはURI参照を用いる要素に適用される
966 *SIEでは、もっぱらXLink言語の処理を行う
968 function SVGURIReference() {
969 /*readonly SVGAnimatedString*/ this.href = new SVGAnimatedString();
970 this._instance = null; //埋め込みの場合に、読み込んだDOMツリーを結び付けておくプロパティ
972 this.addEventListener("DOMAttrModified", function(evt){
973 if ((evt.relatedNode.namespaceURI === "http://www.w3.org/1999/xlink") && (evt.attrName === "xlink:href")) {
974 evt.target.href.baseVal = evt.newValue;
975 /*_svgload_limitedを+1とすることで、
976 *SVGLoadイベントは発火されなくなる。1を引く必要がある
978 evt.target.ownerDocument.documentElement._svgload_limited++;
982 this.addEventListener("DOMNodeInserted", function(evt){
983 var tar = evt.target;
984 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
987 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
988 var tar = evt.target,
990 href = tar.href.baseVal,
991 show, egbase, ep, b, lh, uri, xmlhttp, ui, id, doc, ele, ev;
992 /*xlink:href属性とxml:base属性を手がかりに、
993 *ハイパーリンクのURIを決定する処理を行う
995 if (href !== "") { //xlink:href属性が指定されたとき
996 egbase = tar.xmlbase;
1005 if (!b) { //xml:baseの指定がなければ
1006 if (href.indexOf("#") !== 0) { //href属性において#が一番につかない場合
1008 base = lh.replace(/\/[^\/]+?$/, "/"); //URIの最後尾にあるファイル名は消す。例: /n/sie.js -> /n/
1010 base = location.href;
1016 if (href.indexOf(":") !== -1) { //絶対URIの場合
1020 show = tar.getAttributeNS("http://www.w3.org/1999/xlink", "show") || "embed";
1021 if (href.indexOf(".") === 0) { //相対URIの場合
1024 if (show === "replace") {
1025 tar._tar.setAttribute("href", uri);
1026 } else if (show === "new") {
1027 tar._tar.setAttribute("target", "_blank");
1028 tar._tar.setAttribute("href", uri);
1029 } else if (show === "embed") {
1030 xmlhttp = NAIBU.xmlhttp;
1031 ui = uri.indexOf("#");
1033 id = uri.slice(ui+1);
1034 uri = uri.replace(/#.+$/, "");
1038 if (href.indexOf("#") === 0) { //URIが#で始まるのであれば
1039 doc = tar.ownerDocument;
1040 ele = doc.getElementById(id);
1041 tar._instance = ele;
1042 ev = doc.createEvent("SVGEvents");
1043 ev.initEvent("S_Load", false, false);
1044 tar.dispatchEvent(ev);
1045 tar = xmlhttp = void 0;
1046 } else if (uri.indexOf("data:") > -1) {
1048 tar = xmlhttp = void 0;
1049 } else if ((uri.indexOf("http:") > -1) || (uri.indexOf(".") === 0)){
1050 if ((tar.localName === "image") && (uri.indexOf(".svg") === -1)) {
1053 /*ここの_svgload_limitedは、リンクを読み込んだ後でSVGLoadイベントを実行させるという遅延処理で必要*/
1054 tar.ownerDocument.documentElement._svgload_limited++;
1055 xmlhttp.open("GET", uri, false);
1056 xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
1057 xmlhttp.onreadystatechange = function() {
1058 if ((xmlhttp.readyState === 4) && (xmlhttp.status === 200)) {
1059 var type = xmlhttp.getResponseHeader('Content-Type') || "text",
1061 if ((type.indexOf("text") > -1) || (type.indexOf("xml") > -1) || (type.indexOf("script") > -1)) { //ファイルがtext形式である場合
1062 /*responseXMLを使うと、時々、空のデータを返すことがあるため(原因はcontent-typeが"text/xml"など特定のものでないと受け付けないため)、
1063 *ここでは、responseTextを用いる
1065 /*script要素とstyle要素は、
1066 *_textプロパティに読み込んだテキストを格納しておく
1067 *それら以外は、_instanceプロパティにDOMツリーを格納しておく
1069 if (tar.localName !== "script" && tar.localName !== "style") {
1070 doc = new ActiveXObject("MSXML2.DomDocument");
1071 str = xmlhttp.responseText.replace(/!DOCTYPE/,"!--").replace(/(dtd">|\]>)/,"-->");
1072 NAIBU.doc.async = false;
1073 NAIBU.doc.validateOnParse = false;
1074 NAIBU.doc.resolveExternals = false;
1075 NAIBU.doc.preserveWhiteSpace = false;
1077 ele = doc.documentElement;
1078 tar._instance = tar.ownerDocument.importNode(ele, true);
1080 tar._instance = tar._instance.ownerDocument.getElementById(id);
1083 tar._text = xmlhttp.responseText;
1085 } else if (!!tar._tar) {
1088 /*S_LoadイベントとはSIE独自のイベント。
1089 *XLink言語によって、リンク先のコンテンツが読み込まれた時点で発火する
1091 ev = tar.ownerDocument.createEvent("SVGEvents");
1092 ev.initEvent("S_Load", false, false);
1093 tar.dispatchEvent(ev);
1094 tar.ownerDocument.documentElement._svgload_limited--;
1095 /*すべてのリンクが読み込みを終了した場合、SVGLoadイベントを発火*/
1096 if (tar.ownerDocument.documentElement._svgload_limited < 0) {
1097 ev = tar.ownerDocument.createEvent("SVGEvents");
1098 ev.initEvent("SVGLoad", false, false);
1099 tar.ownerDocument.documentElement.dispatchEvent(ev);
1101 tar = type = doc = str = ev = void 0;
1102 /*IEのメモリリーク対策として、空関数を入力*/
1103 xmlhttp.onreadystatechange = NAIBU.emptyFunction;
1111 tar.ownerDocument.documentElement._svgload_limited--;
1113 evt = base = href = egbase = ep = b = lh = uri = ui = id = doc = ele = ev = show= void 0;
1119 function SVGCSSRule() {
1120 CSSRule.apply(this, arguments);
1121 // Additional CSS RuleType to support ICC color specifications
1122 /*const unsigned short*/ this.COLOR_PROFILE_RULE = 7;
1125 SVGCSSRule.constructor = CSSRule;
1126 SVGCSSRule.prototype = new CSSRule(); //ノードのプロトタイプチェーンを作って、継承
1131 function SVGDocument(){
1132 Document.apply(this);
1133 DocumentStyle.apply(this);
1134 /*readonly DOMString*/ this.title = "";
1135 /*readonly DOMString*/ this.referrer = document.referrer;
1136 /*readonly DOMString*/ this.domain = document.domain;
1137 /*readonly DOMString*/ this.URL = document.location;
1138 /*readonly SVGSVGElement*/ this.rootElement;
1141 SVGDocument.constructor = Document;
1142 SVGDocument.prototype = new Document(); //ノードのプロトタイプチェーンを作って、継承
1147 function SVGSVGElement(_doc) {
1148 SVGElement.apply(this, arguments);
1149 this._tar = _doc.createElement("v:group");
1151 /*_svgload_limitedはSVGLoadイベントを発火させる判定基準。
1152 * Xlink言語が使われていない限り0であり、SVGLoadイベントが発火される*/
1153 this._svgload_limited = 0;
1157 SVGExternalResourcesRequired,
1162 events::EventTarget,
1163 events::DocumentEvent,
1165 css::DocumentCSS {*/
1166 /*以下のx,y,width,heightプロパティは
1167 *それぞれ、svg要素の同名属性に対応。たとえば、xならば、x属性に対応している
1168 *1000というのは、W3Cで触れていないため、独自の初期値を採用
1170 var slen = SVGAnimatedLength;
1171 /*readonly SVGAnimatedLength*/ this.x = new slen();
1172 /*readonly SVGAnimatedLength*/ this.y = new slen();
1173 /*readonly SVGAnimatedLength*/ this.width = new slen();
1174 /*readonly SVGAnimatedLength*/ this.height = new slen();
1176 /*DOMString*/ this.contentScriptType = "application/ecmascript"; //古い仕様では、text/ecmascript
1177 /*DOMString*/ this.contentStyleType = "text/css";
1178 /*readonly SVGRect*/ this.viewport = this.createSVGRect();
1179 /*useCurrentViewプロパティ
1180 * view要素やハイパーリンクなどで呼び出された場合、true。それ以外の通常表示はfalse。
1182 /*boolean*/ this.useCurrentView = false;
1184 * ズームやパンがされていない初期表示のviewBoxプロパティなどを示す。通常はDOM属性と連動
1186 /*readonly SVGViewSpec*/ this.currentView = new SVGViewSpec(this);
1187 /*もし、画像をズームやパンしたとき、どのような倍率になるかを
1188 *以下のプロパティを使って次の行列で示すことができる
1189 *2x3 行列 [a b c d e f] = [currentScale 0 0 currentScale currentTranslate.x currentTranslate.y]
1191 /*float*/ this.currentScale = 1;
1192 /*readonly SVGPoint*/ this.currentTranslate = this.createSVGPoint();
1193 /*以下は、SVGFitToViewBoxのインターフェースを用いる
1194 *もし、ズームやパンがあれば、真っ先にこれらのプロパティを別のオブジェクトに変更すること
1196 /*readonly SVGAnimatedRect*/ this.viewBox = this.currentView.viewBox;
1197 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = this.currentView.preserveAspectRatio;
1198 /*unsigned short*/ this.zoomAndPan = SVGZoomAndPan.SVG_ZOOMANDPAN_DISABLE;
1201 /*int*/ this._currentTime = 0;
1202 /*DOMAttrModifiedイベントを利用して、
1203 *随時、属性の値をDOMプロパティに変換しておくリスナー登録
1205 this.addEventListener("DOMAttrModified", function(evt){
1206 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
1209 var tar = evt.target,
1210 name = evt.attrName,
1211 tv, ovb, par, tp, sa, mos;
1212 if (name === "viewBox") {
1213 tar._cacheScreenCTM = null;
1214 tv = tar.viewBox.baseVal;
1215 ovb = evt.newValue.replace(/^\s+|\s+$/g, "").split(/[\s,]+/);
1216 tv.x = parseFloat(ovb[0]);
1217 tv.y = parseFloat(ovb[1]);
1218 tv.width = parseFloat(ovb[2]);
1219 tv.height = parseFloat(ovb[3]);
1220 tar.viewBox.baseVal._isUsed = 1;
1221 } else if (name === "preserveAspectRatio") {
1222 tar._cacheScreenCTM = null;
1224 tp = tar.preserveAspectRatio.baseVal;
1226 mos = SVGPreserveAspectRatio.SVG_MEETORSLICE_UNKNOWN;
1227 if (!!par.match(/x(Min|Mid|Max)Y(Min|Mid|Max)(?:\s+(meet|slice))?/)) {
1228 switch (RegExp.$1) {
1239 switch (RegExp.$2) {
1249 if (RegExp.$3 === "slice") {
1250 mos = SVGPreserveAspectRatio.SVG_MEETORSLICE_SLICE;
1252 mos = SVGPreserveAspectRatio.SVG_MEETORSLICE_MEET;
1256 tp.meetOrSlice = mos;
1257 } else if (name === "width") {
1259 tar.viewport.width = tar.width.baseVal.value;
1260 } else if (name === "height") {
1261 tar.viewport.height = tar.height.baseVal.value;
1263 evt = name = tv = ovb = par = tp = sa = mos = void 0;
1265 this.addEventListener("SVGLoad", function(evt){
1266 /*以下のDOMAttrModifiedは浮上フェーズのときに、再描画をするように
1267 *処理を書いたもの。属性が書き換わるたびに、再描画される
1269 evt.target.addEventListener("DOMAttrModified", function(evt){
1272 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
1274 if (tar.parentNode) {
1275 evtt = tar.ownerDocument.createEvent("MutationEvents");
1276 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
1278 evtt.eventPhase = /*Event.AT_TARGET*/ 2;
1279 tce = tar._capter; //tceは登録しておいたリスナーのリスト
1280 for (var j=0,tcli=tce.length;j<tcli;++j){
1282 tce[j].handleEvent(evtt);
1285 if (((tar.localName === "g") || (tar.localName === "a")) && (tar.namespaceURI === "http://www.w3.org/2000/svg")) {
1286 tar._cacheMatrix = void 0; //キャッシュを消去
1287 if (tar.firstChild) {
1288 slist = tar.getElementsByTagNameNS("http://www.w3.org/2000/svg", "*");
1289 for (var i=0,sli=slist.length;i<sli;++i) {
1291 tar._cacheMatrix = void 0;
1292 evtt = tar.ownerDocument.createEvent("MutationEvents");
1293 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
1295 evtt.eventPhase = /*Event.AT_TARGET*/ 2;
1296 tce = tar._capter; //tceは登録しておいたリスナーのリスト
1297 for (var j=0,tcli=tce.length;j<tcli;++j){
1299 tce[j].handleEvent(evtt);
1307 evtt = tar = evt = tce = slist = void 0;
1313 SVGSVGElement.constructor = SVGElement;
1314 SVGSVGElement.prototype = new SVGElement();
1315 /*void*/ SVGSVGElement.prototype.forceRedraw = function() {
1317 /*float*/ SVGSVGElement.prototype.getCurrentTime = function(){
1318 return (this._currentTime);
1320 /*void*/ SVGSVGElement.prototype.setCurrentTime = function(/*float*/ seconds ){
1321 this._currentTime = seconds;
1323 /*SVGNumber*/ SVGSVGElement.prototype.createSVGNumber = function(){
1324 var s = new SVGNumber();
1328 /*SVGAngle*/ SVGSVGElement.prototype.createSVGAngle = function(){
1329 var s = new SVGAngle();
1334 /*SVGLength*/ SVGSVGElement.prototype.createSVGLength = function(){
1335 var s = new SVGLength();
1336 s.unitType = /*SVG_LENGTHTYPE_NUMBER*/ 1;
1339 /*SVGPoint*/ SVGSVGElement.prototype.createSVGPoint = function(){
1340 return new SVGPoint();
1342 /*SVGMatrix*/ SVGSVGElement.prototype.createSVGMatrix = function(){
1344 return new SVGMatrix();
1346 /*SVGRect*/ SVGSVGElement.prototype.createSVGRect = function(){
1347 return new SVGRect();
1349 /*SVGTransform*/ SVGSVGElement.prototype.createSVGTransform = function(){
1350 var s = this.createSVGTransformFromMatrix(this.createSVGMatrix());
1353 /*SVGTransform*/ SVGSVGElement.prototype.createSVGTransformFromMatrix = function(/*SVGMatrix*/ matrix ){
1354 var s = new SVGTransform();
1355 s.setMatrix(matrix);
1359 *SVGElement(SVGLocatable)で指定しておいたメソッドであるが、ここで、算出方法が違うため、再定義をする
1361 /*SVGMatrix*/ SVGSVGElement.prototype.getScreenCTM = function(){
1362 if (!!this._cacheScreenCTM) { //キャッシュがあれば
1363 return (this._cacheScreenCTM);
1365 var vw = this.viewport.width,
1366 vh = this.viewport.height,
1367 vB, par, m, vbx, vby, vbw, vbh, rw, rh, xr, yr, tx, ty, ttps;
1368 if (!this.useCurrentView) {
1369 vB = this.viewBox.baseVal;
1370 par = this.preserveAspectRatio.baseVal;
1372 vB = this.currentView.viewBox.baseVal;
1373 par = this.currentView.preserveAspectRatio.baseVal;
1375 if (!!!vB._isUsed) { //viewBox属性が指定されていなければ
1376 this._tx = this._ty = 0;
1377 m = this.createSVGMatrix();
1378 this._cacheScreenCTM = m; //キャッシュを作っておく
1391 if (par.align === 1) { //none
1397 var ax = (par.align + 1) % 3 + 1;
1398 var ay = Math.round(par.align / 3);
1399 switch (par.meetOrSlice) {
1401 xr = yr = Math.min(rw, rh);
1404 xr = yr = Math.max(rw, rh);
1413 tx += (vw - vbw * xr) / 2;
1416 tx += vw - vbw * xr;
1423 ty += (vh - vbh * yr) / 2;
1426 ty += vh - vbh * yr;
1431 //text要素の位置調整に使うため、ここで、viewの移動量を記録しておく
1434 ttps = this._tar.style;
1435 ttps.marginLeft = tx+ "px";
1436 ttps.marginTop = ty+ "px";
1437 m = this.createSVGMatrix();
1440 this._cacheScreenCTM = m; //キャッシュを作っておく
1441 vw = vh = vB = par = vbx = vby = vbw = vbh = rw = rh = xr = yr = tx = ty = ttps = void 0;
1445 /*interface SVGZoomAndPan*/
1446 // Zoom and Pan Types
1448 /*const unsigned short*/ SVG_ZOOMANDPAN_UNKNOWN : 0,
1449 /*const unsigned short*/ SVG_ZOOMANDPAN_DISABLE : 1,
1450 /*const unsigned short*/ SVG_ZOOMANDPAN_MAGNIFY : 2
1453 function SVGFitToViewBox() {
1454 /*readonly SVGAnimatedRect*/ this.viewBox = new SVGAnimatedRect();
1455 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = new SVGAnimatedPreserveAspectRatio();
1458 function SVGViewSpec(ele) {
1459 SVGFitToViewBox.apply(this, arguments);
1460 /*readonly SVGTransformList*/ this.transform = new SVGTransformList();
1461 /*readonly SVGElement*/ this.viewTarget = ele;
1462 /*readonly DOMString*/ this.viewBoxString = this.preserveAspectRatioString = this.transformString = this.viewTargetString = "";
1465 SVGViewSpec.constructor = SVGFitToViewBox;
1466 SVGViewSpec.prototype = new SVGFitToViewBox();
1468 function SVGGElement(_doc) {
1469 SVGElement.apply(this);
1470 this._tar = _doc.createElement("v:group");
1472 /*以下の処理は、この子要素ノードがDOMツリーに追加されて初めて、
1473 *描画が開始されることを示す。つまり、appendChildで挿入されない限り、描画をしない。
1475 this.addEventListener("DOMNodeInserted", function(evt){
1476 var tar = evt.target;
1477 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
1480 var tnext = tar.nextSibling,
1481 tpart = tar.parentNode._tar,
1483 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
1484 tpart.insertBefore(tar._tar, tnext._tar);
1485 } else if (tnext && !tnext._tar && tpart) {
1486 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
1487 *use要素や実体参照などは_tarプロパティがないことに注意
1490 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
1491 tpart.insertBefore(tar._tar, tnext._tar);
1494 tnext = tnext.nextSibling;
1497 tpart.appendChild(tar._tar);
1499 } else if (!tnext && tpart) {
1500 tpart.appendChild(tar._tar);
1502 tnext = tpart = isLast = evt = tar = void 0;
1506 SVGGElement.constructor = SVGElement;
1507 SVGGElement.prototype = new SVGElement();
1509 function SVGDefsElement() {
1510 SVGElement.apply(this, arguments);
1511 this.style.setProperty("display", "none");
1514 SVGDefsElement.constructor = SVGElement;
1515 SVGDefsElement.prototype = new SVGElement();
1517 function SVGDescElement() {
1518 SVGElement.apply(this, arguments);
1521 SVGDescElement.constructor = SVGElement;
1522 SVGDescElement.prototype = new SVGElement();
1524 function SVGTitleElement() {
1525 SVGElement.apply(this, arguments);
1526 this.addEventListener("DOMCharacterDataModified", function(evt){
1527 evt.target.ownerDocument.title = evt.target.firstChild.nodeValue;
1531 SVGTitleElement.constructor = SVGElement;
1532 SVGTitleElement.prototype = new SVGElement();
1534 function SVGSymbolElement() {
1535 SVGElement.apply(this, arguments);
1536 SVGURIReference.apply(this);
1539 SVGDefsElement.constructor = SVGElement;
1540 SVGDefsElement.prototype = new SVGElement();
1542 function SVGUseElement() {
1543 SVGGElement.apply(this, arguments);
1544 var slen = SVGAnimatedLength;
1545 /*readonly SVGAnimatedLength*/ this.x = new slen(); //use要素のx属性に対応(以下、同様)
1546 /*readonly SVGAnimatedLength*/ this.y = new slen();
1547 /*readonly SVGAnimatedLength*/ this.width = new slen();
1548 /*readonly SVGAnimatedLength*/ this.height = new slen();
1550 /*readonly SVGElementInstance*/ this.instanceRoot = new SVGElementInstance(); //参照先インスタンスのルート
1551 /*readonly SVGElementInstance*/ this.animatedInstanceRoot = new SVGElementInstance();//アニメの最中のインスタンス。静止中は通常
1552 this.addEventListener("DOMNodeInserted", function(evt){
1553 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
1556 evt.target.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:show", "embed");
1558 this.addEventListener("S_Load", function(evt){
1559 var tar = evt.target,
1560 style = tar.ownerDocument.defaultView.getComputedStyle(tar, ""),
1561 fontSize = parseFloat(style.getPropertyValue("font-size")),
1562 tgtb = tar.transform.baseVal,
1563 trans = tar.ownerDocument.documentElement.createSVGTransform();
1564 tar.x.baseVal._emToUnit(fontSize);
1565 tar.y.baseVal._emToUnit(fontSize);
1566 tar.width.baseVal._emToUnit(fontSize);
1567 tar.height.baseVal._emToUnit(fontSize);
1568 tar.instanceRoot = tar.animatedInstanceRoot = tar.ownerDocument.importNode(tar._instance, true);
1569 trans.setTranslate(tar.x.baseVal.value, tar.y.baseVal.value);
1570 tgtb.appendItem(trans);
1571 tar.appendChild(tar.instanceRoot);
1572 evt = trans = tar = evtt = tgtb = style = fontSize = void 0;
1574 SVGURIReference.apply(this);
1577 SVGUseElement.constructor = SVGElement;
1578 SVGUseElement.prototype = new SVGElement();
1580 function SVGElementInstance() {
1584 Node.apply(this, arguments);
1585 /*readonly SVGElement*/ this.correspondingElement; //use要素で使われる参照先の要素
1586 /*readonly SVGUseElement*/ this.correspondingUseElement; //参照先の要素にuse要素が含まれているとき、ここにuse要素を収納
1587 /*readonly SVGElementInstance*/ this.parentNode;
1588 /*readonly SVGElementInstanceList*/ this.childNodes;
1589 /*readonly SVGElementInstance*/ this.firstChild;
1590 /*readonly SVGElementInstance*/ this.lastChild;
1591 /*readonly SVGElementInstance*/ this.previousSibling;
1592 /*readonly SVGElementInstance*/ this.nextSibling;
1595 SVGElementInstance.prototype = new Node();
1596 /*SVGElementInstanceList
1598 function SVGElementInstanceList() {
1599 /*readonly unsigned long*/ this.length = 0;
1602 /*SVGElementInstance*/ SVGElementInstanceList.prototype.item = function(/*unsigned long*/ index ) {
1603 return (this[index]);
1605 function SVGImageElement(_doc) {
1606 SVGElement.apply(this, arguments);
1607 this._tar = _doc.createElement("v:image");
1608 //以下は、与えられた属性の値に対応する
1609 var slen = SVGAnimatedLength;
1610 /*readonly SVGAnimatedLength*/ this.x = new slen();
1611 /*readonly SVGAnimatedLength*/ this.y = new slen();
1612 /*readonly SVGAnimatedLength*/ this.width = new slen();
1613 /*readonly SVGAnimatedLength*/ this.height = new slen();
1614 _doc = slen = void 0;
1615 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = new SVGAnimatedPreserveAspectRatio();
1616 this.addEventListener("DOMNodeInserted", function(evt){
1617 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
1620 var tar = evt.target;
1621 tar.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:show", "embed");
1622 if (tar.nextSibling) {
1623 if (!!tar.parentNode._tar && !!tar.nextSibling._tar) {
1624 tar.parentNode._tar.insertBefore(tar._tar, tar.nextSibling._tar);
1626 } else if (!!tar.parentNode._tar){
1627 tar.parentNode._tar.appendChild(tar._tar);
1629 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
1630 var tar = evt.target,
1631 style = tar.ownerDocument.defaultView.getComputedStyle(tar, ""),
1632 fontSize = parseFloat(style.getPropertyValue("font-size")),
1633 ts = tar._tar.style,
1634 ctm = tar.getScreenCTM(),
1635 po = tar.ownerDocument.documentElement.createSVGPoint(),
1636 fillOpacity = parseFloat(style.getPropertyValue("fill-opacity")),
1638 tar.x.baseVal._emToUnit(fontSize);
1639 tar.y.baseVal._emToUnit(fontSize);
1640 tar.width.baseVal._emToUnit(fontSize);
1641 tar.height.baseVal._emToUnit(fontSize);
1642 ts.position = "absolute";
1643 po.x = tar.x.baseVal.value;
1644 po.y = tar.y.baseVal.value;
1645 po = po.matrixTransform(ctm);
1646 ts.left = po.x + "px";
1647 ts.top = po.y + "px";
1648 ts.width = tar.width.baseVal.value * ctm.a + "px";
1649 ts.height = tar.height.baseVal.value * ctm.d + "px";
1650 if (fillOpacity !== 1) {
1651 ts.filter = "progid:DXImageTransform.Microsoft.Alpha";
1652 ttfia = tar._tar.filters.item('DXImageTransform.Microsoft.Alpha');
1654 ttfia.Opacity = fillOpacity * 100;
1657 evt = tar = style = fontSize = ts = ctm = po = fillOpacity = void 0;
1661 SVGURIReference.apply(this);
1664 SVGImageElement.constructor = SVGElement;
1665 SVGImageElement.prototype = new SVGElement();
1667 function SVGSwitchElement() {
1668 SVGElement.apply(this, arguments);
1671 SVGSwitchElement.constructor = SVGElement;
1672 SVGSwitchElement.prototype = new SVGElement();
1674 //bookmarkletから呼び出されたらtrue
1676 function GetSVGDocument(ele) {
1682 if ((NAIBU._that.xmlhttp.readyState === 4) && (NAIBU._that.xmlhttp.status === 200)) {
1686 GetSVGDocument.prototype = {
1688 *object(embed)要素で指定されたSVG文書を読み込んで、SVGを処理して表示させるメソッド
1690 _init : function() {
1691 /*objeiはobject要素かembed要素*/
1692 var xmlhttp = NAIBU.xmlhttp,
1695 if (this._tar.nodeName === "OBJECT") {
1700 xmlhttp.open("GET", objei.getAttribute(data), true);
1701 objei.style.display = "none";
1702 xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
1703 this.xmlhttp = xmlhttp;
1704 /*クロージャを利用しないことで、軽量化を計る*/
1706 xmlhttp.onreadystatechange = _ca_;
1708 xmlhttp = objei = data = void 0;
1712 /*responseXMLを使うと、時々、空のデータを返すことがあるため(原因はcontent-typeが"text/xml"など特定のものでないと受け付けないため)、
1713 *ここでは、responseTextを用いる
1715 var dsd = new Date();
1716 var ifr = this._tar.previousSibling,
1717 ifcw = ifr.contentWindow,
1720 ifr.contentWindow.screen.updateInterval = 999;
1721 _doc = ifr.contentWindow.document;
1723 _doc.close(); // これがないと document.body は null になる
1724 } else { //インラインSVGの場合
1727 if (("namespaces" in _doc) && !_doc.namespaces["v"]) {
1728 _doc.namespaces.add("v","urn:schemas-microsoft-com:vml");
1729 _doc.namespaces.add("o","urn:schemas-microsoft-com:office:office");
1730 var st = _doc.createStyleSheet(),
1731 vmlUrl = "behavior: url(#default#VML);display: inline-block;} "; //inline-blockはIEのバグ対策
1732 st.cssText = "v\\:rect{" +vmlUrl+ "v\\:image{" +vmlUrl+ "v\\:fill{" +vmlUrl+ "v\\:stroke{" +vmlUrl+ "o\\:opacity2{" +vmlUrl
1733 + "dn\\:defs{display:none}"
1734 + "v\\:group{text-indent:0px;position:relative;width:100%;height:100%;" +vmlUrl
1735 + "v\\:shape{width:100%;height:100%;" +vmlUrl;
1736 st = vmlUrl = void 0;
1738 DOMImplementation._doc_ = _doc; //_doc_プロパティはcreateDocumentメソッドで使う
1739 var str = this.xmlhttp.responseText,
1741 s = DOMImplementation.createDocument("http://www.w3.org/2000/svg", "svg"),
1742 tar = s.documentElement,
1743 tview = tar.viewport,
1744 objw, objh, fi, n, attr, att, w, h,
1746 sp = _doc.createElement("div"),
1747 dcp = _doc.createElement("v:group"),
1748 backr = _doc.createElement("v:rect"),
1749 style, fontSize, sw, sh, trstyle, tpstyle, backrs, viewWidth, viewHeight, backdown, backright,
1751 _parseFloat = parseFloat,
1752 ndoc = NAIBU.doc || this.xmlhttp.responseXML,
1753 oba = _doc.createElement("div"); //obaはradialGradient要素で使う
1754 if (!ndoc) { //何らかの原因で読み込み失敗した場合、実行させないようにする
1755 this.xmlhttp.onreadystatechange = NAIBU.emptyFunction;
1758 s._iframe = ifr; //_iframeプロパティはSVGAElementでリンク置換のときに扱う
1759 oba.setAttribute("id","_NAIBU_outline");
1760 _doc.body.appendChild(oba);
1761 sp.style.margin = "-1px,0px,0px,-1px"
1763 _doc.body.style.backgroundColor = objei.parentNode.currentStyle.backgroundColor;
1766 /*下記のプロパティについては、Microsoftのサイトを参照
1767 *ResolveExternals Property [Second-level DOM]
1768 * http://msdn.microsoft.com/en-us/library/ms761375%28VS.85%29.aspx
1769 *ValidateOnParse Property [Second-level DOM]
1770 * http://msdn.microsoft.com/en-us/library/ms760286%28VS.85%29.asp
1772 ndoc.validateOnParse = false;
1773 ndoc.resolveExternals = false;
1774 ndoc.preserveWhiteSpace = true;
1775 ndoc.loadXML(str.replace(/^[\s\S]*?<svg/, "<svg")); //XML宣言のUTF-8は問題が起きるので削除
1776 /*IE6-8のみで使えるupdateIntervalは、
1777 *描画間隔の調整が可能。デフォルトは0。
1778 *スクロール時にバグが起きるので、0に戻してやる必要がある。
1780 screen.updateInterval = 999;
1781 if (/&[^;]+;/.test(str)) {
1783 *代替の処理を用いて、実体参照を処理するもの
1786 var enti = (ndoc.doctype)? ndoc.doctype.entities: { length:0 };
1787 for (var i=0; i<enti.length; i++) {
1788 var map = enti.item(i);
1789 var regex = new RegExp("&"+map.nodeName+";", "g");
1790 tmp = tmp.replace(regex, map.firstChild.xml);
1797 tview.width = objei.clientWidth;
1798 tview.height = objei.clientHeight;
1799 if (tview.height < 24) { //IEの標準モードではclientHeightプロパティの値が小さくなることがある
1800 tview.height = screen.availHeight;
1802 if (tar.viewport.height < 24) { //IEの標準モードではclientHeightプロパティの値が小さくなることがある
1803 tar.viewport.height = screen.width;
1805 objw = objei.getAttribute("width");
1806 objh = objei.getAttribute("height");
1808 tar.setAttributeNS(null, "width", objw);
1811 tar.setAttributeNS(null, "height", objh);
1813 fi = ndoc.documentElement.firstChild;
1814 attr = ndoc.documentElement.attributes;
1815 /*ルート要素のNamedNodeMapを検索する*/
1816 for (var i=0,atli=attr.length;i<atli;++i) {
1817 att = s.importNode(attr[i], false);
1818 tar.setAttributeNodeNS(att);
1820 str = attr = void 0;
1821 dcp.style.width = tview.width+ "px";
1822 dcp.style.height = tview.height+ "px";
1823 dcp.coordsize = tview.width+ " " +tview.height;
1824 sp.appendChild(dcp);
1826 _doc.body.appendChild(sp);
1828 this._tar.parentNode.insertBefore(sp, this._tar);
1830 dcp.appendChild(sdt);
1831 while (fi) { //子ノードを検索して、子供がいれば、importNodeメソッドを再帰的に実行する
1832 n = s.importNode(fi, true);
1834 fi = fi.nextSibling;
1837 /*dom/event.jsのaddEventListenerメソッドなどで、iframe要素のwindowオブジェクトを利用する必要があるため、
1838 *ドキュメントにそのオブジェクトを結び付けておく
1841 /*以下では、VMLの要素とHTMLのCSSのプロパティを用いて、背景を
1844 style = tar.ownerDocument.defaultView.getComputedStyle(tar, "");
1845 fontSize = _parseFloat(style.getPropertyValue("font-size"));
1846 tar.x.baseVal._emToUnit(fontSize);
1847 tar.y.baseVal._emToUnit(fontSize);
1848 tar.width.baseVal._emToUnit(fontSize);
1849 tar.height.baseVal._emToUnit(fontSize);
1850 sw = tar.width.baseVal.value;
1851 sh = tar.height.baseVal.value;
1852 backr.style.position = "absolute";
1855 backr.style.width = w+ "px";
1856 backr.style.height = h+ "px";
1857 backr.style.zIndex = -1;
1858 backr.stroked = "false";
1859 backr.filled = "false";
1860 tar._tar.appendChild(backr);
1861 trstyle = tar._tar.style;
1862 tpstyle = objei.style;
1863 trstyle.visibility = "visible";
1864 trstyle.position = "absolute";
1866 trstyle.overflow = "hidden";
1868 viewWidth = w > sw ? sw : w;
1869 viewHeight = h > sh ? sh : h;
1870 backrs = backr.currentStyle;
1871 bfl = _parseFloat(backrs.left);
1872 bft = _parseFloat(backrs.top);
1873 bl = -tar._tx; //blやbtは、ずれを調整するのに使う
1875 if (bfl !== 0 && !isNaN(bfl)) { //内部の図形にずれが生じたとき(isNaNはIE8でautoがデフォルト値のため)
1877 dcp.style.left = -bl+ "px";
1879 if (bft !== 0 && !isNaN(bfl)) {
1881 dcp.style.top = -bt+ "px";
1883 backright = bl + viewWidth + 1;
1884 backdown = bt + viewHeight + 1;
1885 trstyle.clip = "rect(" +bt+ "px " +backright+ "px " +backdown+ "px " +bl+ "px)";
1887 if ("_svgload_limited" in s.documentElement) {
1888 /*_svgload_limitedプロパティはXlink言語が使われていない限り、0である。
1889 *xlink:href属性が指定されるたびに+1となる。
1890 *0以外は、SVGLoadイベントが発火されない仕組みとなっている
1893 * Xlinkのリンク先のソースを読み込むまで、SVGLoadイベントを発火させないため
1895 s.documentElement._svgload_limited--;
1896 if (s.documentElement._svgload_limited < 0) {
1897 var evt = s.createEvent("SVGEvents");
1898 evt.initEvent("SVGLoad", false, false);
1899 s.documentElement.dispatchEvent(evt);
1903 text = s.documentElement._tar.getElementsByTagName("div");
1904 for (var i=0, texti;text[i];++i) {
1906 if (texti.firstChild.nodeName !== "shape") { //radialGradient用のdiv要素でないならば
1907 var tis = texti.style;
1908 tis.left = _parseFloat(tis.left) + bl + "px";
1909 tis.top = _parseFloat(tis.top) + bt + "px";
1913 //ビューポートの位置をスクロールで調整 (なお、_txプロパティはSVGSVGElementのSIEコードを参照)
1914 ifcw && ifcw.scroll(-s.documentElement._tx, -s.documentElement._ty);
1915 s._isLoaded = 1; //_isLoadedプロパティはevents::dispatchEventメソッドで使う
1916 s.defaultView._cache = s.defaultView._cache_ele = null;
1917 oba = _doc = evt = ndoc = objei = tar = tview = objw = objh = n = att = sdt = sp = dcp = backr = sw = sh = style = fontSize = void 0;
1918 trstyle = tpstyle = backrs = text = texti = i = bfl = bft = bl = bt = text = _parseFloat = w = h = viewWidth = viewHeight = backdown = backright = void 0;
1919 /*IEのメモリリーク対策として、空関数を入力*/
1920 this.xmlhttp.onreadystatechange = NAIBU.emptyFunction;
1921 alert(+(new Date()) - dsd);
1923 ifcw && (ifr.contentWindow.screen.updateInterval = 0);
1924 ifr = ifcw = s = void 0;
1928 if (s.implementation._buffer_) {
1929 screen.updateInterval = 0;
1930 /*以下はバッファリングにためておいた要素とイベントを、後から実行する*/
1931 NAIBU._buff_num = 0;
1932 NAIBU._buff = setInterval(function(){
1933 var n = NAIBU._buff_num,
1934 dbuf = DOMImplementation._buffer_,
1935 dbufli = dbuf.length,
1938 clearInterval(NAIBU._buff);
1940 for (var i=0;i<50;++i) {
1943 s.dispatchEvent(evt);
1947 clearInterval(NAIBU._buff);
1948 DOMImplementation._buffer_ = null;
1950 dbuf = n = dbufli = void 0;
1954 NAIBU._buff_num = n;
1956 dbuf = n = dbufli = void 0;
1958 ifr = ifcw = s = void 0;
1960 ifr = ifcw = s = void 0;
1966 /*SVGDocument*/ getSVGDocument : function() {
1967 return (this._document);
1970 /*空関数(IEのメモリリーク対策)*/
1971 NAIBU.emptyFunction = function() {};
1976 function SVGStyleElement(_doc) {
1977 SVGElement.apply(this);
1978 LinkStyle.apply(this);
1979 /*LinkStyleに関しては、以下の仕様を参照のこと。なお、これはSVG DOMでは継承されていないので要注意。
1980 *CSS2 1. Document Object Model Style Sheets
1981 * 1.3. Document Extensions
1982 * Interface LinkStyle (introduced in DOM Level 2)
1983 * http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-LinkStyle
1985 /*以下はそれぞれ、属性の値に対応している*/
1986 /*DOMString*/ this.xmlspace;
1987 /*DOMString*/ this.type = "text/css";
1988 /*DOMString*/ this.media;
1989 /*DOMString*/ this.title;
1990 SVGURIReference.apply(this);
1991 this.addEventListener("DOMAttrModified", function(evt){
1992 if (evt.attrName === "type") {
1993 evt.target.type = evt.newValue;
1994 } else if (evt.attrName === "title") {
1995 evt.target.title = evt.newValue;
1999 this.addEventListener("S_Load", function(evt){
2000 var tar = evt.target,
2002 styleText = tar._text,
2003 tod = tar.ownerDocument,
2004 style = _doc.createElement("style"),
2006 NAIBU._temp_doc = tod;
2007 sheet = tod.styleSheets[tod.styleSheets.length] = DOMImplementation.createCSSStyleSheet(tar.title, tar.media);
2008 sheet.ownerNode = tar;
2009 /*以下は、IEのCSSパーサを使って、スタイルシートのルールを実装していく*/
2010 _doc.documentElement.firstChild.appendChild(style);
2011 style.styleSheet.cssText = styleText;
2012 for (var i=0, rules=style.styleSheet.rules, rli=rules.length;i<rli;++i) {
2014 scri = new CSSStyleRule();
2015 scri.selectorText = ri.selectorText;
2016 scri.style.cssText = ri.style.cssText;
2017 rsc = scri.style.cssText.split(";");
2018 for (var j=0, rsli=rsc.length;j<rsli;++j) {
2019 rsi = rsc[j].split(": ");
2020 scri.style.setProperty(rsi[0], rsi[1]);
2022 sheet.cssRules[sheet.cssRules.length] = scri;
2024 tod.documentElement.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
2025 var tar = evt.target,
2026 doc = tar.ownerDocument,
2027 rules = doc.styleSheets[0] ? doc.styleSheets[0].cssRules : [],
2028 selector, ru, tcb = tar.className.baseVal || ".,.";
2029 for (var i=0, rli=rules.length;i<rli;++i) {
2030 selector = rules[i].selectorText;
2031 /*_rulesプロパティはCSSモジュールのgetCoumputedStyleメソッドで使う*/
2032 ru = tar._rules || [];
2033 if ((selector.indexOf("." +tcb) > -1) || (selector.indexOf("#" +tar.id) > -1)
2034 || (tar.nodeName === selector)) {
2035 ru[ru.length] = rules[i];
2039 tar = doc = rules = void 0;
2041 tar = evt = style = sheet = styleText = tod = i = rules = rli = void 0;
2043 this.addEventListener("DOMNodeInserted", function(evt){
2044 var tar = evt.target;
2045 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
2046 if (tar.nodeName === "#cdata-section") {
2047 evt.currentTarget._text = tar.data;
2051 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
2052 var tar = evt.target;
2053 if ((evt.eventPhase === Event.AT_TARGET) && !tar.getAttributeNodeNS("http://www.w3.org/1999/xlink", "xlink:href")) {
2054 var evtt = tar.ownerDocument.createEvent("SVGEvents");
2055 evtt.initEvent("S_Load", false, false);
2056 evt.currentTarget.dispatchEvent(evtt);
2063 SVGStyleElement.constructor = SVGElement;
2064 SVGStyleElement.prototype = new SVGElement();
2067 *2次元座標の点(x,y)を表すオブジェクト
2069 function SVGPoint() {
2072 /*float*/SVGPoint.prototype.x = SVGPoint.prototype.y = 0;
2073 SVGPoint.prototype.matrixTransform = function(/*SVGMatrix*/ matrix ) {
2074 /*整数にしているのは、VMLの設計上、小数点を扱えないときがあるため*/
2075 var s = new SVGPoint();
2076 s.x = matrix.a * this.x + matrix.c * this.y + matrix.e;
2077 s.y = matrix.b * this.x + matrix.d * this.y + matrix.f;
2081 function SVGPointList() {
2084 for (var prop in SVGStringList.prototype) { //prototypeのコピーで継承を行う
2085 SVGPointList.prototype[prop] = SVGStringList.prototype[prop];
2089 *行列をあらわすオブジェクト。写像に用いる。以下のように表現できる
2094 function SVGMatrix() {
2097 SVGMatrix.prototype = {
2107 /*SVGMatrix*/ multiply : function(/*SVGMatrix*/ secondMatrix ) {
2108 var s = new SVGMatrix(), m = secondMatrix;
2109 if (!isFinite(m.a) || !isFinite(m.b) || !isFinite(m.c) || !isFinite(m.d) || !isFinite(m.e) || !isFinite(m.f)) {
2110 throw (new Error("引数の値がNumber型ではありません"));
2112 s.a = this.a * m.a + this.c * m.b;
2113 s.b = this.b * m.a + this.d * m.b;
2114 s.c = this.a * m.c + this.c * m.d;
2115 s.d = this.b * m.c + this.d * m.d;
2116 s.e = this.a * m.e + this.c * m.f + this.e;
2117 s.f = this.b * m.e + this.d * m.f + this.f;
2118 m = secondMatrix = void 0;
2124 /*SVGMatrix*/ inverse : function() {
2125 var s = new SVGMatrix(), n = this._determinant();
2131 s.e = (this.c * this.f - this.d * this.e) / n;
2132 s.f = (this.b * this.e - this.a * this.f) / n;
2135 throw (new SVGException(SVGException.SVG_MATRIX_NOT_INVERTABLE));
2138 /*SVGMatrix*/ translate : function(/*float*/ x, /*float*/ y ) {
2139 var m = new SVGMatrix();
2142 var s = this.multiply(m);
2146 /*SVGMatrix*/ scale : function(/*float*/ scaleFactor ) {
2147 var m = new SVGMatrix();
2150 var s = this.multiply(m);
2154 /*SVGMatrix*/ scaleNonUniform : function(/*float*/ scaleFactorX, /*float*/ scaleFactorY ) {
2155 var m = new SVGMatrix();
2158 var s = this.multiply(m);
2162 /*SVGMatrix*/ rotate : function(/*float*/ angle ) {
2163 var m = new SVGMatrix(), rad = angle / 180 * Math.PI; //ラジアン変換
2164 m.a = Math.cos(rad);
2165 m.b = Math.sin(rad);
2168 var s = this.multiply(m);
2172 //座標(x, y)と原点の角度の分だけ、回転する
2173 /*SVGMatrix*/ rotateFromVector : function(/*float*/ x, /*float*/ y ) {
2174 if ((x === 0) || (y === 0) || !isFinite(x) || !isFinite(y)) {
2175 throw (new SVGException(SVGException.SVG_INVALID_VALUE_ERR))
2177 var m = new SVGMatrix(), rad = Math.atan2(y, x);
2178 m.a = Math.cos(rad);
2179 m.b = Math.sin(rad);
2182 var s = this.multiply(m);
2186 /*SVGMatrix*/ flipX : function() {
2187 var m = new SVGMatrix();
2189 var s = this.multiply(m);
2193 /*SVGMatrix*/ flipY : function() {
2194 var m = new SVGMatrix();
2196 var s = this.multiply(m);
2200 /*SVGMatrix*/ skewX : function(/*float*/ angle ){
2201 var m = new SVGMatrix(), rad = angle / 180 * Math.PI; //ラジアン変換
2202 m.c = Math.tan(rad);
2203 var s = this.multiply(m);
2207 /*SVGMatrix*/ skewY : function(/*float*/ angle ){
2208 var m = new SVGMatrix(), rad = angle / 180 * Math.PI;
2209 m.b = Math.tan(rad);
2210 var s = this.multiply(m);
2215 /*float*/ _determinant : function() {
2216 return (this.a * this.d - this.b * this.c);
2220 function SVGTransform() {
2221 /*readonly SVGMatrix*/ this.matrix = new SVGMatrix();
2225 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_UNKNOWN = 0;
2226 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_MATRIX = 1;
2227 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_TRANSLATE = 2;
2228 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_SCALE = 3;
2229 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_ROTATE = 4;
2230 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_SKEWX = 5;
2231 /*unsigned short*/ SVGTransform.SVG_TRANSFORM_SKEWY = 6;
2232 SVGTransform.prototype = {
2233 /*ダミーの単位行列。各メソッドで使う*/
2234 _matrix : (new SVGMatrix()),
2235 /*readonly unsigned short*/ type : SVGTransform.SVG_TRANSFORM_UNKNOWN,
2236 /*readonly float*/ angle : 0,
2237 /*void*/ setMatrix : function(/*SVGMatrix*/ matrix ) {
2238 this.type = /*SVGTransform.SVG_TRANSFORM_MATRIX*/ 1;
2239 this.matrix = this._matrix.multiply(matrix);
2241 /*void*/ setTranslate : function(/*float*/ tx, /*float*/ ty ) {
2242 this.type = /*SVGTransform.SVG_TRANSFORM_TRANSLATE*/ 2;
2243 this.matrix = this._matrix.translate(tx, ty);
2245 /*void*/ setScale : function(/*float*/ sx, /*float*/ sy ) {
2246 this.type = /*SVGTransform.SVG_TRANSFORM_SCALE*/ 3;
2247 this.matrix = this._matrix.scaleNonUniform(sx, sy);
2249 /*void*/ setRotate : function(/*float*/ angle, /*float*/ cx, /*float*/ cy ) {
2251 this.type = /*SVGTransform.SVG_TRANSFORM_ROTATE*/ 4;
2252 this.matrix = this._matrix.rotate(angle);
2253 this.matrix.e = (1-this.matrix.a)*cx - this.matrix.c*cy;
2254 this.matrix.f = -this.matrix.b*cx + (1-this.matrix.d)*cy;
2256 /*void*/ setSkewX : function(/*float*/ angle ) {
2258 this.type = /*SVGTransform.SVG_TRANSFORM_SKEWX*/ 5;
2259 this.matrix = this._matrix.skewX(angle);
2261 /*void*/ setSkewY : function(/*float*/ angle ) {
2263 this.type = /*SVGTransform.SVG_TRANSFORM_SKEWY*/ 6;
2264 this.matrix = this._matrix.skewY(angle);
2268 function SVGTransformList() {
2271 for (var prop in SVGStringList.prototype) { //prototypeのコピーで継承を行う
2272 SVGTransformList.prototype[prop] = SVGStringList.prototype[prop];
2274 /*SVGTransform*/ SVGTransformList.prototype.createSVGTransformFromMatrix = function(/*SVGMatrix*/ matrix ) {
2275 var t = new SVGTransform();
2276 t.setMatrix(matrix);
2279 /*SVGTransform*/ SVGTransformList.prototype.consolidate = function() {
2280 if(this.numberOfItems === 0) {
2283 var s = this.getItem(0), m = s.matrix;
2284 for (var i=1,nli=this.numberOfItems;i<nli;++i) {
2285 m = m.multiply(this.getItem(i).matrix);
2293 function SVGAnimatedTransformList() {
2294 /*readonly SVGTransformList*/ this.animVal = this.baseVal = new SVGTransformList();
2297 function SVGPreserveAspectRatio() {
2298 /*unsigned short*/ this.align = SVGPreserveAspectRatio.SVG_PRESERVEASPECTRATIO_XMIDYMID;
2299 /*unsigned short*/ this.meetOrSlice = SVGPreserveAspectRatio.SVG_MEETORSLICE_MEET;
2304 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_UNKNOWN = 0;
2305 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_NONE = 1;
2306 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMINYMIN = 2;
2307 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMIDYMIN = 3;
2308 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMAXYMIN = 4;
2309 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMINYMID = 5;
2310 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMIDYMID = 6;
2311 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMAXYMID = 7;
2312 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMINYMAX = 8;
2313 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMIDYMAX = 9;
2314 /*unsigned short*/ t.SVG_PRESERVEASPECTRATIO_XMAXYMAX = 10;
2315 // Meet-or-slice Types
2316 /*unsigned short*/ t.SVG_MEETORSLICE_UNKNOWN = 0;
2317 /*unsigned short*/ t.SVG_MEETORSLICE_MEET = 1;
2318 /*unsigned short*/ t.SVG_MEETORSLICE_SLICE = 2;
2319 })(SVGPreserveAspectRatio);
2321 function SVGAnimatedPreserveAspectRatio() {
2322 /*readonly SVGPreserveAspectRatio*/ this.animVal = this.baseVal = new SVGPreserveAspectRatio();
2326 function SVGPathSeg() {
2327 /*readonly unsigned short*/ this.pathSegType = SVGPathSeg.PATHSEG_UNKNOWN;
2328 /*readonly DOMString*/ this.pathSegTypeAsLetter = null;
2333 // Path Segment Types
2334 /*unsigned short*/ t.PATHSEG_UNKNOWN = 0;
2335 /*unsigned short*/ t.PATHSEG_CLOSEPATH = 1;
2336 /*unsigned short*/ t.PATHSEG_MOVETO_ABS = 2;
2337 /*unsigned short*/ t.PATHSEG_MOVETO_REL = 3;
2338 /*unsigned short*/ t.PATHSEG_LINETO_ABS = 4;
2339 /*unsigned short*/ t.PATHSEG_LINETO_REL = 5;
2340 /*unsigned short*/ t.PATHSEG_CURVETO_CUBIC_ABS = 6;
2341 /*unsigned short*/ t.PATHSEG_CURVETO_CUBIC_REL = 7;
2342 /*unsigned short*/ t.PATHSEG_CURVETO_QUADRATIC_ABS = 8;
2343 /*unsigned short*/ t.PATHSEG_CURVETO_QUADRATIC_REL = 9;
2344 /*unsigned short*/ t.PATHSEG_ARC_ABS = 10;
2345 /*unsigned short*/ t.PATHSEG_ARC_REL = 11;
2346 /*unsigned short*/ t.PATHSEG_LINETO_HORIZONTAL_ABS = 12;
2347 /*unsigned short*/ t.PATHSEG_LINETO_HORIZONTAL_REL = 13;
2348 /*unsigned short*/ t.PATHSEG_LINETO_VERTICAL_ABS = 14;
2349 /*unsigned short*/ t.PATHSEG_LINETO_VERTICAL_REL = 15;
2350 /*unsigned short*/ t.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS = 16;
2351 /*unsigned short*/ t.PATHSEG_CURVETO_CUBIC_SMOOTH_REL = 17;
2352 /*unsigned short*/ t.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS = 18;
2353 /*unsigned short*/ t.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL = 19;
2356 *軽量化のために、SVGPathSegの継承をしない。また、{}オブジェクトで代用する予定
2358 function SVGPathSegClosePath() {
2361 SVGPathSegClosePath.prototype = {
2362 pathSegType : SVGPathSeg.PATHSEG_CLOSEPATH,
2363 pathSegTypeAsLetter : "z"
2365 function SVGPathSegMovetoAbs() {
2370 SVGPathSegMovetoAbs.prototype = {
2371 pathSegType : SVGPathSeg.PATHSEG_MOVETO_ABS,
2372 pathSegTypeAsLetter : "M"
2374 function SVGPathSegMovetoRel() {
2379 SVGPathSegMovetoRel.prototype = {
2380 pathSegType : SVGPathSeg.PATHSEG_MOVETO_REL,
2381 pathSegTypeAsLetter : "m"
2383 function SVGPathSegLinetoAbs() {
2388 SVGPathSegLinetoAbs.prototype = {
2389 pathSegType : SVGPathSeg.PATHSEG_LINETO_ABS,
2390 pathSegTypeAsLetter : "L"
2392 function SVGPathSegLinetoRel() {
2397 SVGPathSegLinetoRel.prototype = {
2398 pathSegType : SVGPathSeg.PATHSEG_LINETO_REL,
2399 pathSegTypeAsLetter : "l"
2401 function SVGPathSegCurvetoCubicAbs() {
2410 SVGPathSegCurvetoCubicAbs.prototype = {
2411 pathSegType : SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS,
2412 pathSegTypeAsLetter : "C"
2414 function SVGPathSegCurvetoCubicRel() {
2423 SVGPathSegCurvetoCubicRel.prototype = {
2424 pathSegType : SVGPathSeg.PATHSEG_CURVETO_CUBIC_REL,
2425 pathSegTypeAsLetter : "c"
2427 function SVGPathSegCurvetoQuadraticAbs() {
2432 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_ABS;
2433 this.pathSegTypeAsLetter = "Q";
2436 function SVGPathSegCurvetoQuadraticRel() {
2441 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_REL;
2442 this.pathSegTypeAsLetter = "q";
2446 function SVGPathSegArcAbs() {
2451 /*float*/ this.angle;
2454 SVGPathSegArcAbs.prototype = {
2455 /*boolean*/ largeArcFlag : true,
2456 /*boolean*/ sweepFlag : true,
2457 pathSegType : SVGPathSeg.PATHSEG_ARC_ABS,
2458 pathSegTypeAsLetter : "A"
2460 function SVGPathSegArcRel() {
2465 /*float*/ this.angle;
2468 SVGPathSegArcRel.prototype = {
2469 /*boolean*/ largeArcFlag : true,
2470 /*boolean*/ sweepFlag : true,
2471 pathSegType : SVGPathSeg.PATHSEG_ARC_REL,
2472 pathSegTypeAsLetter : "a"
2474 function SVGPathSegLinetoHorizontalAbs() {
2476 this.pathSegType = SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_ABS;
2477 this.pathSegTypeAsLetter = "H";
2480 function SVGPathSegLinetoHorizontalRel() {
2482 this.pathSegType = SVGPathSeg.PATHSEG_LINETO_HORIZONTAL_REL;
2483 this.pathSegTypeAsLetter = "h";
2486 function SVGPathSegLinetoVerticalAbs() {
2488 this.pathSegType = SVGPathSeg.PATHSEG_LINETO_VERTICAL_ABS;
2489 this.pathSegTypeAsLetter = "V";
2492 function SVGPathSegLinetoVerticalRel() {
2494 this.pathSegType = SVGPathSeg.PATHSEG_LINETO_VERTICAL_REL;
2495 this.pathSegTypeAsLetter = "v";
2498 function SVGPathSegCurvetoCubicSmoothAbs() {
2503 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_ABS;
2504 this.pathSegTypeAsLetter = "S";
2507 function SVGPathSegCurvetoCubicSmoothRel() {
2512 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_CUBIC_SMOOTH_REL;
2513 this.pathSegTypeAsLetter = "s";
2516 function SVGPathSegCurvetoQuadraticSmoothAbs() {
2519 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_ABS;
2520 this.pathSegTypeAsLetter = "T";
2523 function SVGPathSegCurvetoQuadraticSmoothRel() {
2526 this.pathSegType = SVGPathSeg.PATHSEG_CURVETO_QUADRATIC_SMOOTH_REL;
2527 this.pathSegTypeAsLetter = "t";
2530 function SVGPathSegList() {
2533 for (var prop in SVGStringList.prototype) { //prototypeのコピーで継承を行う
2534 SVGPathSegList.prototype[prop] = SVGStringList.prototype[prop];
2537 /*documentは引数の変数として登録しておく*/
2538 (function(_doc, _pInt, _math) {
2539 //freeArg関数はunloadで使う解放処理
2540 NAIBU.freeArg = function() {
2541 SVGPathElement = _doc = _pInt = _math = void 0;
2543 //仮のfill属性とstroke属性の処理
2544 NAIBU._setPaint = function(tar, matrix) {
2545 /*以下では、スタイルシートを用いて、fill-とstroke-関連の
2546 *処理を行う。SVGPaintインターフェースをも用いる
2548 var tod = tar.ownerDocument,
2549 _doc = tod._document_,
2551 style = tod.defaultView.getComputedStyle(tar, ""),
2552 fill = style.getPropertyCSSValue("fill"),
2553 stroke = style.getPropertyCSSValue("stroke"),
2554 fp = fill.paintType,
2555 sp = stroke.paintType,
2557 num = /*CSSPrimitiveValue.CSS_NUMBER*/ 1,
2558 t, evtt, fillOpacity, strs, cursor, vis, disp,
2559 strokeElement, strokeOpacity, tgebtstroke, sgsw, w, h, swx, tsd, strokedasharray;
2563 /*あらかじめ、v:fill要素とv:stroke要素は消しておく*/
2564 while (el.firstChild) {
2565 el.removeChild(el.firstChild);
2567 if ((fp === /*SVGPaint.SVG_PAINTTYPE_RGBCOLOR*/ 1) || (fp === /*SVGPaint.SVG_PAINTTYPE_CURRENTCOLOR*/ 102)) {
2568 if (fp === /*SVGPaint.SVG_PAINTTYPE_CURRENTCOLOR*/ 102) {
2569 /*再度、設定。css.jsのsetPropertyを参照*/
2570 style.setProperty("color", style.getPropertyValue("color"));
2572 fillElement = _doc.createElement("v:fill");
2574 num = /*CSSPrimitiveValue.CSS_NUMBER*/ 1;
2575 fillElement.setAttribute("color", "rgb(" +fc.red.getFloatValue(num)+ "," +fc.green.getFloatValue(num)+ "," +fc.blue.getFloatValue(num)+ ")");
2576 fillOpacity = +(style.getPropertyValue("fill-opacity")) * style._list._opacity; //opacityを掛け合わせる
2577 if (fillOpacity < 1) {
2578 fillElement.setAttribute("opacity", fillOpacity+"");
2580 el.appendChild(fillElement);
2581 fillElement = fc = fillOpacity = void 0;
2582 } else if (fill.uri) {
2583 /*以下では、Gradation関連の要素に、イベントを渡すことで、
2586 t = tod.getElementById(fill.uri);
2588 evtt = tod.createEvent("MutationEvents");
2589 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
2590 evtt._tar = _doc.createElement("v:fill");
2591 evtt._style = style;
2593 t.dispatchEvent(evtt);
2594 if (t.localName !== "radialGradient") {
2595 el.appendChild(evtt._tar);
2600 el.filled = "false";
2602 if ((sp === /*SVGPaint.SVG_PAINTTYPE_RGBCOLOR*/ 1) || (sp === /*SVGPaint.SVG_PAINTTYPE_CURRENTCOLOR*/ 102)) {
2603 if (sp === /*SVGPaint.SVG_PAINTTYPE_CURRENTCOLOR*/ 102) {
2604 /*再度、設定。css.jsのsetPropertyを参照*/
2605 style.setProperty("color", style.getPropertyValue("color"));
2607 strokeElement = _doc.createElement("v:stroke");
2608 sgsw = style.getPropertyCSSValue("stroke-width");
2609 w = tod.documentElement.viewport.width;
2610 h = tod.documentElement.viewport.height;
2611 sgsw._percent = _math.sqrt((w*w + h*h) / 2);
2612 swx = sgsw.getFloatValue(CSSPrimitiveValue.CSS_NUMBER) * _math.sqrt(_math.abs(matrix._determinant()));
2613 strokeElement.setAttribute("weight", swx + "px");
2614 sgsw = w = h = void 0;
2616 fc = stroke.rgbColor;
2617 strokeElement.setAttribute("color", "rgb(" +fc.red.getFloatValue(num)+ "," +fc.green.getFloatValue(num)+ "," +fc.blue.getFloatValue(num)+ ")");
2618 strokeOpacity = +(style.getPropertyValue("stroke-opacity")) * (+(style.getPropertyValue("opacity"))); //opacityを掛け合わせる
2620 strokeOpacity *= swx; //太さが1px未満なら色を薄くする
2622 if (strokeOpacity < 1) {
2623 strokeElement.setAttribute("opacity", strokeOpacity+"");
2625 fc = strokeOpacity = void 0;
2627 strokeElement.setAttribute("miterlimit", style.getPropertyValue("stroke-miterlimit"));
2628 strokeElement.setAttribute("joinstyle", style.getPropertyValue("stroke-linejoin"));
2629 if (style.getPropertyValue("stroke-linecap") === "butt") {
2630 strokeElement.setAttribute("endcap", "flat");
2632 strokeElement.setAttribute("endcap", style.getPropertyValue("stroke-linecap"));
2634 tsd = style.getPropertyValue("stroke-dasharray");
2635 if (tsd !== "none") {
2636 if (tsd.indexOf(",") > 0) { //コンマ区切りの文字列の場合
2637 strs = tsd.split(",");
2638 for (var i = 0, sli = strs.length; i < sli; ++i) {
2639 strs[i] = _math.ceil(+(strs[i]) / parseFloat(style.getPropertyValue("stroke-width"))); //精密ではないので注意
2641 strokedasharray = strs.join(" ");
2642 if (strs.length % 2 === 1) {
2643 strokedasharray += " " + strokedasharray;
2646 strokeElement.setAttribute("dashstyle", strokedasharray);
2647 tsd = strs = void 0;
2649 el.appendChild(strokeElement);
2650 strokeElement = tsd = void 0;
2652 el.stroked = "false";
2654 cursor = style.getPropertyCSSValue("cursor");
2655 if (cursor && !cursor._isDefault) { //初期値でないならば
2656 el.style.cursor = cursor.cssText.split(":")[1];
2658 vis = style.getPropertyCSSValue("visibility");
2659 if (vis && !vis._isDefault) {
2660 el.style.visibility = vis.cssText.split(":")[1];
2662 disp = style.getPropertyCSSValue("display");
2663 if (disp && !disp._isDefault && (disp.cssText.indexOf("none") > -1)) {
2664 el.style.display = "none";
2665 } else if (disp && !disp._isDefault && (disp.indexOf("inline-block") === -1)) {
2666 el.style.display = "inline-block";
2668 tod = _doc = el = fill = stroke = sp = fp = style = cursor = tar = matrix = vis = disp = num = void 0;
2671 function SVGPathElement(_doc) {
2672 SVGElement.apply(this);
2673 this._tar = _doc.createElement("v:shape");
2674 //interface SVGAnimatedPathData
2675 var sp = SVGPathSegList;
2676 /*readonly SVGPathSegList*/ this.pathSegList = new sp();
2677 this.animatedPathSegList = this.pathSegList;
2678 /*readonly SVGPathSegList*/ this.normalizedPathSegList = new sp();
2680 this.animatedNormalizedPathSegList = this.normalizedPathSegList;
2681 /*readonly SVGAnimatedNumber*/ this.pathLength = new SVGAnimatedNumber();
2682 //以下は、d属性に変更があった場合の処理
2683 this.addEventListener("DOMAttrModified", this._attrModi, false);
2684 /*以下の処理は、このpath要素ノードがDOMツリーに追加されて初めて、
2685 *描画が開始されることを示す。つまり、appendChildで挿入されない限り、描画をしない。
2687 this.addEventListener("DOMNodeInserted", this._nodeInsert, false);
2690 SVGPathElement.constructor = SVGElement;
2691 SVGPathElement.prototype = new SVGElement();
2692 (function(_sproto) {
2693 _sproto._attrModi = function(evt){
2694 var tar = evt.target;
2695 if (evt.attrName === "d" && evt.newValue !== ""){
2696 /* d属性の値が空の場合は、描画を行わないようにする
2698 *SVG1.1 「8.3.9 The grammar for path data」の項目にある最後の文章を参照
2700 var tnl = tar.normalizedPathSegList,
2701 tlist = tar.pathSegList;
2702 if (tnl.numberOfItems > 0) {
2706 /*d属性の値を正規表現を用いて、二次元配列Dに変換している。もし、d属性の値が"M 20 30 L20 40"ならば、
2708 *D = [["M", 20, 30], ["L", 20 40]]
2710 var taco = tar._com,
2713 .replace(taco.isRa, " -")
2714 .replace(taco.isRb, " ")
2715 .replace(taco.isRc, ",$1 ")
2716 .replace(taco.isRd, ",$1 1")
2717 .replace(taco.isRe, "")
2724 tcc = tar.createSVGPathSegCurvetoCubicAbs,
2725 tcll = tar.createSVGPathSegLinetoAbs;
2726 for (var i=0;i<dli;++i) {
2727 var di = dd[i].match(sgs),
2729 for (var j=1, dii=di[0], dili=di.length; j < dili; ++j) {
2731 s = tcc(+di[j+4], +di[j+5], +di[j], +di[j+1], +di[j+2], +di[j+3]);
2733 } else if (isL[dii]) {
2734 s = tcll(+di[j], +di[j+1]);
2736 } else if (isM[dii]) {
2737 s = tar.createSVGPathSegMovetoAbs(+di[j], +di[j+1]);
2739 } else if (isZ[dii]) {
2740 s = tar.createSVGPathSegClosePath();
2741 } else if (dii === "A") {
2742 s = tar.createSVGPathSegArcAbs(+di[j+5], +di[j+6], +di[j], +di[j+1], +di[j+2], +di[j+3], +di[j+4]);
2744 } else if (dii === "m") {
2745 s = tar.createSVGPathSegMovetoRel(+di[j], +di[j+1]);
2747 } else if (dii === "l") {
2748 s = tar.createSVGPathSegLinetoRel(+di[j], +di[j+1]);
2750 } else if (dii === "c") {
2751 s = tar.createSVGPathSegCurvetoCubicRel(+di[j+4], +di[j+5], +di[j], +di[j+1], +di[j+2], +di[j+3]);
2753 } else if (dii === "Q") {
2754 s = tar.createSVGPathSegCurvetoQuadraticAbs(+di[j+2], +di[j+3], +di[j], +di[j+1]);
2756 } else if (dii === "q") {
2757 s = tar.createSVGPathSegCurvetoQuadraticRel(+di[j+2], +di[j+3], +di[j], +di[j+1]);
2759 } else if (dii === "a") {
2760 s = tar.createSVGPathSegArcRel(+di[j+5], +di[j+6], +di[j], +di[j+1], +di[j+2], +di[j+3], +di[j+4]);
2762 } else if (dii === "S") {
2763 s = tar.createSVGPathSegCurvetoCubicSmoothAbs(+di[j+2], +di[j+3], +di[j], +di[j+1]);
2765 } else if (dii === "s") {
2766 s = tar.createSVGPathSegCurvetoCubicSmoothRel(+di[j+2], +di[j+3], +di[j], +di[j+1]);
2768 } else if (dii === "T") {
2769 s = tar.createSVGPathSegCurvetoQuadraticSmoothAbs(+di[j], +di[j+1]);
2771 } else if (dii === "t") {
2772 s = tar.createSVGPathSegCurvetoQuadraticSmoothRel(+di[j], +di[j+1]);
2774 } else if (dii === "H") {
2775 s = tar.createSVGPathSegLinetoHorizontalAbs(+di[j]);
2776 } else if (dii === "h") {
2777 s = tar.createSVGPathSegLinetoHorizontalRel(+di[j]);
2778 } else if (dii === "V") {
2779 s = tar.createSVGPathSegLinetoVerticalAbs(+di[j]);
2780 } else if (dii === "v") {
2781 s = tar.createSVGPathSegLinetoVerticalRel(+di[j]);
2783 s = new SVGPathSeg();
2785 tlist.appendItem(s);
2788 di = s = sgs = dd = void 0;
2789 /*以下の処理は、pathSegListからnormalizedPathSegListへの
2790 *変換をする処理。相対座標を絶対座標に変換して、M、L、Cコマンドに正規化していく
2792 var cx = 0, cy = 0, //現在セグメントの終了点の絶対座標を示す (相対座標を絶対座標に変換するときに使用)
2793 xn = 0, yn = 0, //T,tコマンドで仮想的な座標を算出するのに用いる。第一コントロール点
2794 startx = 0, starty = 0; //M,mコマンドにおける始点座標(Z,zコマンドで用いる)
2795 for (var j=0, tli=tlist.numberOfItems;j<tli;++j) {
2796 var ti = tlist.getItem(j),
2797 ts = ti.pathSegType,
2798 dii = ti.pathSegTypeAsLetter;
2799 if (ts === /*SVGPathSeg.PATHSEG_UNKNOWN*/ 0) {
2801 var rx = cx, ry = cy; //rx, ryは前のセグメントの終了点
2802 if (ts % 2 === 1) { //相対座標ならば
2811 } else if (isL[dii]) {
2813 } else if (isM[dii]) {
2815 /*Mコマンドが続いた場合は、2番目以降はLコマンドと解釈する
2816 *W3C SVG1.1の「8.3.2 The "moveto" commands」を参照
2817 *http://www.w3.org/TR/SVG11/paths.html#PathDataMovetoCommands
2819 var tg = tlist.getItem(j-1);
2820 if (tg.pathSegTypeAsLetter === "M") {
2821 tnl.appendItem(tcll(cx, cy));
2828 } else if (dii === "m") {
2830 var tg = tlist.getItem(j-1);
2831 if (tg.pathSegTypeAsLetter === "m") {
2832 tnl.appendItem(tcll(cx, cy));
2838 tnl.appendItem(tar.createSVGPathSegMovetoAbs(cx, cy));
2839 } else if (dii === "l") {
2840 tnl.appendItem(tcll(cx, cy));
2841 } else if (dii === "c") {
2842 tnl.appendItem(tcc(cx, cy, ti.x1+rx, ti.y1+ry, ti.x2+rx, ti.y2+ry));
2843 } else if (isZ[dii]) {
2847 } else if (dii === "Q") {
2850 //2次スプライン曲線は近似的な3次ベジェ曲線に変換している
2851 tnl.appendItem(tcc(cx, cy, (rx + 2*ti.x1) / 3, (ry + 2*ti.y1) / 3, (2*ti.x1 + cx) / 3, (2*ti.y1 + cy) / 3));
2852 } else if (dii === "q") {
2853 var x1 = ti.x1 + rx, y1 = ti.y1 + ry;
2856 tnl.appendItem(tcc(cx, cy, (rx + 2*x1) / 3, (ry + 2*y1) / 3, (2*x1 + cx) / 3, (2*y1 + cy) / 3));
2858 } else if (dii === "A" || dii === "a") {
2859 (function(ti, cx, cy, rx, ry, tar, tnl) { //変数を隠蔽するためのfunction
2860 /*以下は、Arctoを複数のCuvetoに変換する処理
2861 *SVG 1.1 「F.6 Elliptical arc implementation notes」の章を参照
2862 *http://www.w3.org/TR/SVG11/implnote.html#ArcImplementationNotes
2864 if (ti.r1 === 0 || ti.r2 === 0) {
2867 var fS = ti.sweepFlag,
2869 r1 = _math.abs(ti.r1),
2870 r2 = _math.abs(ti.r2),
2871 ctx = (rx - cx) / 2, cty = (ry - cy) / 2,
2872 cpsi = _math.cos(psai * _math.PI / 180),
2873 spsi = _math.sin(psai * _math.PI / 180),
2874 rxd = cpsi*ctx + spsi*cty,
2875 ryd = -1*spsi*ctx + cpsi*cty,
2876 rxdd = rxd * rxd, rydd = ryd * ryd,
2879 lamda = rxdd/r1x + rydd/r2y,
2882 r1 = _math.sqrt(lamda) * r1;
2883 r2 = _math.sqrt(lamda) * r2;
2887 if (ti.largeArcFlag === fS) {
2890 sds = seif * _math.sqrt((r1x*r2y - r1x*rydd - r2y*rxdd) / (r1x*rydd + r2y*rxdd));
2892 var txd = sds*r1*ryd / r2,
2893 tyd = -1 * sds*r2*rxd / r1,
2894 tx = cpsi*txd - spsi*tyd + (rx+cx)/2,
2895 ty = spsi*txd + cpsi*tyd + (ry+cy)/2,
2896 rad = _math.atan2((ryd-tyd)/r2, (rxd-txd)/r1) - _math.atan2(0, 1),
2897 s1 = (rad >= 0) ? rad : 2 * _math.PI + rad,
2898 rad = _math.atan2((-ryd-tyd)/r2, (-rxd-txd)/r1) - _math.atan2((ryd-tyd)/r2, (rxd-txd)/r1),
2899 dr = (rad >= 0) ? rad : 2 * _math.PI + rad;
2900 if (!fS && dr > 0) {
2902 } else if (fS && dr < 0) {
2905 var sse = dr * 2 / _math.PI,
2906 seg = _math.ceil(sse<0 ? -1*sse : sse),
2908 t = 8/3 * _math.sin(segr/4) * _math.sin(segr/4) / _math.sin(segr/2),
2909 cpsir1 = cpsi * r1, cpsir2 = cpsi * r2,
2910 spsir1 = spsi * r1, spsir2 = spsi * r2,
2913 x2 = rx - t * (cpsir1*ms + spsir2*mc),
2914 y2 = ry - t * (spsir1*ms - cpsir2*mc);
2915 for (var n = 0; n < seg; ++n) {
2919 var x3 = cpsir1*mc - spsir2*ms + tx,
2920 y3 = spsir1*mc + cpsir2*ms + ty,
2921 dx = -t * (cpsir1*ms + spsir2*mc),
2922 dy = -t * (spsir1*ms - cpsir2*mc);
2923 tnl.appendItem(tcc(x3, y3, x2, y2, x3-dx, y3-dy));
2927 ti= cx= cy= rx= ry= tar= tnl = void 0;
2928 })(ti, cx, cy, rx, ry, tar, tnl);
2929 } else if (dii === "S") {
2931 var tg = tnl.getItem(tnl.numberOfItems-1);
2932 if (tg.pathSegTypeAsLetter === "C") {
2933 var x1 = 2*tg.x - tg.x2,
2934 y1 = 2*tg.y - tg.y2;
2935 } else { //前のコマンドがCでなければ、現在の座標を第1コントロール点に用いる
2943 tnl.appendItem(tcc(cx, cy, x1, y1, ti.x2, ti.y2));
2945 } else if (dii === "s") {
2947 var tg = tnl.getItem(tnl.numberOfItems-1);
2948 if (tg.pathSegTypeAsLetter === "C") {
2949 var x1 = 2*tg.x - tg.x2,
2950 y1 = 2*tg.y - tg.y2;
2959 tnl.appendItem(tcc(cx, cy, x1, y1, ti.x2+rx, ti.y2+ry));
2961 } else if (dii === "T" || dii === "t") {
2963 var tg = tlist.getItem(j-1);
2964 if ("QqTt".indexOf(tg.pathSegTypeAsLetter) > -1) {
2971 tnl.appendItem(tcc(cx, cy, (rx + 2*xn) / 3, (ry + 2*yn) / 3, (2*xn + cx) / 3, (2*yn + cy) / 3));
2975 } else if (dii === "H" || dii === "h") {
2976 tnl.appendItem(tcll(cx, ry));
2977 cy = ry; //勝手にti.yが0としているため
2978 } else if (dii === "V" || dii === "v") {
2979 tnl.appendItem(tcll(rx, cy));
2985 evt = tar = taco = cx = cy = xn = yn = startx = starty = tnl = tlist = ti = dii = ts = isZ = isM = isL = isC = s = tcc = tcll = void 0;
2987 _sproto._nodeInsert = function(evt){
2988 var tar = evt.target;
2989 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
2992 var tnext = tar.nextSibling,
2993 tpart = tar.parentNode._tar,
2995 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
2996 tpart.insertBefore(tar._tar, tnext._tar);
2997 } else if (tnext && !tnext._tar && tpart) {
2998 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
2999 *use要素や実体参照などは_tarプロパティがないことに注意
3002 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3003 tpart.insertBefore(tar._tar, tnext._tar);
3006 tnext = tnext.nextSibling;
3009 tpart.appendChild(tar._tar);
3011 } else if (!tnext && tpart) {
3012 tpart.appendChild(tar._tar);
3014 tnext = tpart = isLast = void 0;
3015 tar.addEventListener("DOMNodeInsertedIntoDocument", tar._nodeInsertInto, false);
3018 _sproto._nodeInsertInto = function(evt){
3019 /*以下の処理は、normalizedpathSegListとCTMに基づいて、
3020 *SVGのd属性をVMLに変換していく処理である。
3022 var tar = evt.target,
3023 matrix = tar.getScreenCTM(),
3024 tlist = tar.normalizedPathSegList,
3027 ma = matrix.a, mb = matrix.b, mc = matrix.c, md = matrix.d, me = matrix.e, mf = matrix.f,
3028 cname = tar._com._nameCom,
3029 isZ = tar._com._isZ, isC = tar._com._isC;
3030 for (var i=0, tli=tlist.numberOfItems;i<tli;++i) {
3034 tps = ti.pathSegTypeAsLetter,
3037 /*CTM(mx)の行列と座標(x, y)の積を算出する。数学における表現は以下のとおり
3042 t += [_parseInt(ma*ti.x1 + mc*ti.y1 + me, 10),
3043 _parseInt(mb*ti.x1 + md*ti.y1 + mf, 10),
3044 _parseInt(ma*ti.x2 + mc*ti.y2 + me, 10),
3045 _parseInt(mb*ti.x2 + md*ti.y2 + mf, 10),
3046 _parseInt(ma*tx + mc*ty + me, 10),
3047 _parseInt(mb*tx + md*ty + mf, 10)].join(" ");
3048 } else if (!isZ[tps]) {
3049 t += _parseInt(ma*tx + mc*ty + me, 10)+ " " +_parseInt(mb*tx + md*ty + mf, 10);
3053 var vi = tar.ownerDocument.documentElement,
3056 tt.path = dat.join(" ");
3057 tt.coordsize = vi.width.baseVal.value + " " + vi.height.baseVal.value;
3058 NAIBU._setPaint(tar, matrix);
3059 delete tar._cacheMatrix;
3060 evt = tar = dat = t = tx = ty = matrix = tlist = x = y = _parseInt = ma = mb = mc = md = me = mf = vi = isZ = isC = i = tli = tps = ti = cname = tt = void 0;
3085 isRc : /([a-yA-Y])/g,
3090 /*float*/ _sproto.getTotalLength = function() {
3092 nl = this.normalizedPathSegList;
3093 for (var i=1,nln=nl.numberOfItems,ms=null;i<nln;++i) {
3094 var seg = nl.getItem(i);
3095 if (seg.pathSegType === SVGPathSeg.PATHSEG_LINETO_ABS) {
3096 var ps = nl.getItem(i-1);
3097 s += _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3098 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS) {
3099 var ps = nl.getItem(i-1), dd = 0;
3100 /*2点のハンドルを結んだ線分の3辺と、
3101 *セグメントの始点と終点を結んだ1辺を足して2で割ったものを、ベジェ曲線の距離の近似値とする
3104 *本来は積分とシンプソン法などの解析を使って、媒介曲線であるベジェ曲線の距離を割り出すのが、
3105 *精密であり望ましいが、ここでは時間がかかりすぎるので別の方法をとる
3107 dd += _math.sqrt(_math.pow((seg.x1-ps.x), 2) + _math.pow((seg.y1-ps.y), 2));
3108 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3109 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3110 dd += _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3112 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CLOSEPATH) {
3113 var ps = nl.getItem(i-1), ms = nl.getItem(0);
3114 s += _math.sqrt(_math.pow((ps.x-ms.x), 2) + _math.pow((ps.y-ms.y), 2));
3118 this.pathLength.baseVal = s;
3121 /*SVGPoint*/ _sproto.getPointAtLength = function(/*float*/ distance ) {
3122 var segn = this.getPathSegAtLength(distance),
3125 nl = this.normalizedPathSegList,
3126 seg = nl.getItem(segn),
3127 s = this.ownerDocument.documentElement.createSVGPoint();
3128 if ((segn-1) <= 0) {
3133 var ps = nl.getItem(segn-1);
3134 if (seg.pathSegType === SVGPathSeg.PATHSEG_LINETO_ABS) {
3135 var segl = _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3136 var t = (segl + this._dis) / segl;
3137 s.x = ps.x + t * (seg.x-ps.x);
3138 s.y = ps.y + t * (seg.y-ps.y);
3139 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS) {
3141 dd += _math.sqrt(_math.pow((seg.x1-ps.x), 2) + _math.pow((seg.y1-ps.y), 2));
3142 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3143 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3144 dd += _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3146 var t = (segl + this._dis) / segl;
3147 /*以下はベジェ曲線の公式について、パラメータtによってまとめて整理したものを、
3150 s.x = (3*seg.x1 + seg.x - 3*seg.x2 - ps.x) * _math.pow(t, 3)
3151 +3*(ps.x - 2*seg.x1 + seg.x2) * _math.pow(t, 2)
3152 +3*(seg.x1 - ps.x) * t
3154 s.y = (3*seg.y1 + seg.y - 3*seg.y2 - ps.y) * _math.pow(t, 3)
3155 +3*(ps.y - 2*seg.y1 + seg.y2) * _math.pow(t, 2)
3156 +3*(seg.y1 - ps.y) * t
3158 } else if (seg.pathSegType === SVGPathSeg.MOVETO_ABS) {
3161 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CLOSEPATH) {
3162 var ms = nl.getItem(0), segl = _math.sqrt(_math.pow((seg.x-mx.x), 2) + _math.pow((seg.y-ms.y), 2));
3163 var t = (segl + this._dis) / segl;
3164 s.x = ms.x + t * (seg.x-ms.x);
3165 s.y = ms.y + t * (seg.y-ms.y);
3169 /*unsigned long*/ _sproto.getPathSegAtLength = function(/*float*/ distance ) {
3170 var nl = this.normalizedPathSegList; //仕様ではpathSegList
3171 for (var i=0,nln=nl.numberOfItems,ms=null;i<nln;++i) {
3172 var seg = nl.getItem(i);
3173 if (seg.pathSegType === SVGPathSeg.PATHSEG_LINETO_ABS) {
3174 var ps = nl.getItem(i-1);
3175 distance -= _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3176 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CURVETO_CUBIC_ABS) {
3177 var ps = nl.getItem(i-1), dd = 0;
3178 dd += _math.sqrt(_math.pow((seg.x1-ps.x), 2) + _math.pow((seg.y1-ps.y), 2));
3179 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3180 dd += _math.sqrt(_math.pow((seg.x2-seg.x1), 2) + _math.pow((seg.y2-seg.y1), 2));
3181 dd += _math.sqrt(_math.pow((seg.x-ps.x), 2) + _math.pow((seg.y-ps.y), 2));
3184 } else if (seg.pathSegType === SVGPathSeg.PATHSEG_CLOSEPATH) {
3185 var ps = nl.getItem(i-1), ms = nl.getItem(0);
3186 distance -= _math.sqrt(_math.pow((ps.x-ms.x), 2) + _math.pow((ps.y-ms.y), 2));
3188 if (distance <= 0) {
3189 /*_disプロパティは前述のgetPointAtLengthメソッドで使う*/
3190 this._dis = distance;
3195 /*もし、distanceがパスの距離よりも長い場合、
3197 *なお、これはSVG1.1の仕様の想定外のこと
3199 return (nl.numberOfItems - 1);
3201 /*SVGPathSegClosePath*/ _sproto.createSVGPathSegClosePath = function() {
3202 var _SVGPathSegClosePath = SVGPathSegClosePath;
3203 return (new _SVGPathSegClosePath());
3205 /*SVGPathSegMovetoAbs*/ _sproto.createSVGPathSegMovetoAbs = function(/*float*/ x, /*float*/ y ) {
3206 var _SVGPathSegMovetoAbs = SVGPathSegMovetoAbs, s = new _SVGPathSegMovetoAbs();
3211 /*SVGPathSegMovetoRel*/ _sproto.createSVGPathSegMovetoRel = function(/*float*/ x, /*float*/ y ) {
3212 var s = new SVGPathSegMovetoRel();
3217 /*SVGPathSegLinetoAbs*/ _sproto.createSVGPathSegLinetoAbs = function(/*float*/ x, /*float*/ y ) {
3218 var s = new SVGPathSegLinetoAbs();
3223 /*SVGPathSegLinetoRel*/ _sproto.createSVGPathSegLinetoRel = function(/*float*/ x, /*float*/ y ) {
3224 var s = new SVGPathSegLinetoRel();
3229 /*SVGPathSegCurvetoCubicAbs*/ _sproto.createSVGPathSegCurvetoCubicAbs = function(/*float*/ x, /*float*/ y, /*float*/ x1, /*float*/ y1, /*float*/ x2, /*float*/ y2 ) {
3230 var _SVGPathSegCurvetoCubicAbs = SVGPathSegCurvetoCubicAbs, s = new _SVGPathSegCurvetoCubicAbs();
3239 /*SVGPathSegCurvetoCubicRel*/ _sproto.createSVGPathSegCurvetoCubicRel = function(/*float*/ x, /*float*/ y, /*float*/ x1, /*float*/ y1, /*float*/ x2, /*float*/ y2 ) {
3240 var s = new SVGPathSegCurvetoCubicRel();
3249 /*SVGPathSegCurvetoQuadraticAbs*/ _sproto.createSVGPathSegCurvetoQuadraticAbs = function(/*float*/ x, /*float*/ y, /*float*/ x1, /*float*/ y1 ) {
3250 var s = new SVGPathSegCurvetoQuadraticAbs();
3257 /*SVGPathSegCurvetoQuadraticRel*/ _sproto.createSVGPathSegCurvetoQuadraticRel = function(/*float*/ x, /*float*/ y, /*float*/ x1, /*float*/ y1 ) {
3258 var s = new SVGPathSegCurvetoQuadraticRel();
3265 /*SVGPathSegArcAbs*/ _sproto.createSVGPathSegArcAbs = function(/*float*/ x, /*float*/ y, /*float*/ r1, /*float*/ r2, /*float*/ angle, /*boolean*/ largeArcFlag, /*boolean*/ sweepFlag ) {
3266 var s = new SVGPathSegArcAbs();
3272 s.largeArcFlag = largeArcFlag;
3273 s.sweepFlag = sweepFlag;
3276 /*SVGPathSegArcRel*/ _sproto.createSVGPathSegArcRel = function(/*float*/ x, /*float*/ y, /*float*/ r1, /*float*/ r2, /*float*/ angle, /*boolean*/ largeArcFlag, /*boolean*/ sweepFlag ) {
3277 var s = new SVGPathSegArcRel();
3283 s.largeArcFlag = largeArcFlag;
3284 s.sweepFlag = sweepFlag;
3287 /*SVGPathSegLinetoHorizontalAbs*/ _sproto.createSVGPathSegLinetoHorizontalAbs = function(/*float*/ x ) {
3288 var s = new SVGPathSegLinetoHorizontalAbs();
3290 s.y = 0; //DOMでは指定されていないが、変換処理が楽なので用いる
3293 /*SVGPathSegLinetoHorizontalRel*/ _sproto.createSVGPathSegLinetoHorizontalRel = function(/*float*/ x ) {
3294 var s = new SVGPathSegLinetoHorizontalRel();
3299 /*SVGPathSegLinetoVerticalAbs*/ _sproto.createSVGPathSegLinetoVerticalAbs = function(/*float*/ y ) {
3300 var s = new SVGPathSegLinetoVerticalAbs();
3305 /*SVGPathSegLinetoVerticalRel*/ _sproto.createSVGPathSegLinetoVerticalRel = function(/*float*/ y ) {
3306 var s = new SVGPathSegLinetoVerticalRel();
3311 /*SVGPathSegCurvetoCubicSmoothAbs*/ _sproto.createSVGPathSegCurvetoCubicSmoothAbs = function(/*float*/ x, /*float*/ y, /*float*/ x2, /*float*/ y2 ) {
3312 var s = new SVGPathSegCurvetoCubicSmoothAbs();
3319 /*SVGPathSegCurvetoCubicSmoothRel*/ _sproto.createSVGPathSegCurvetoCubicSmoothRel = function(/*float*/ x, /*float*/ y, /*float*/ x2, /*float*/ y2 ) {
3320 var s = new SVGPathSegCurvetoCubicSmoothRel();
3327 /*SVGPathSegCurvetoQuadraticSmoothAbs*/ _sproto.createSVGPathSegCurvetoQuadraticSmoothAbs = function(/*float*/ x, /*float*/ y ) {
3328 var s = new SVGPathSegCurvetoQuadraticSmoothAbs();
3333 /*SVGPathSegCurvetoQuadraticSmoothRel*/ _sproto.createSVGPathSegCurvetoQuadraticSmoothRel = function(/*float*/ x, /*float*/ y ) {
3334 var s = new SVGPathSegCurvetoQuadraticSmoothRel();
3339 })(SVGPathElement.prototype)
3340 NAIBU.SVGPathElement = SVGPathElement; //IE8では、SVGPathElementはローカル変数
3341 })(document, parseInt, Math);
3343 function SVGRectElement(_doc) {
3344 SVGElement.apply(this);
3345 this._tar = _doc.createElement("v:shape");
3346 var slen = SVGAnimatedLength;
3347 /*readonly SVGAnimatedLength*/ this.x = new slen();
3348 /*readonly SVGAnimatedLength*/ this.y = new slen();
3349 /*readonly SVGAnimatedLength*/ this.width = new slen();
3350 /*readonly SVGAnimatedLength*/ this.height = new slen();
3351 /*readonly SVGAnimatedLength*/ this.rx = new slen();
3352 /*readonly SVGAnimatedLength*/ this.ry = new slen();
3353 _doc = slen = void 0;
3354 this.addEventListener("DOMNodeInserted", function(evt){
3355 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
3358 var tar = evt.target,
3359 tnext = tar.nextSibling,
3360 tpart = tar.parentNode._tar,
3362 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
3363 tpart.insertBefore(tar._tar, tnext._tar);
3364 } else if (tnext && !tnext._tar && tpart) {
3365 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
3366 *use要素や実体参照などは_tarプロパティがないことに注意
3369 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3370 tpart.insertBefore(tar._tar, tnext._tar);
3373 tnext = tnext.nextSibling;
3376 tpart.appendChild(tar._tar);
3378 } else if (!tnext && tpart) {
3379 tpart.appendChild(tar._tar);
3381 tnext = tpart = isLast = void 0;
3382 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
3383 var tar = evt.target,
3384 style = tar.ownerDocument.defaultView.getComputedStyle(tar, ""),
3385 fontSize = parseFloat(style.getPropertyValue("font-size"));
3386 tar.x.baseVal._emToUnit(fontSize);
3387 tar.y.baseVal._emToUnit(fontSize);
3388 tar.width.baseVal._emToUnit(fontSize);
3389 tar.height.baseVal._emToUnit(fontSize);
3390 var rx = tar.getAttributeNS(null, "rx"),
3391 ry = tar.getAttributeNS(null, "ry"),
3392 x = tar.x.baseVal.value,
3393 y = tar.y.baseVal.value,
3394 xw = x + tar.width.baseVal.value,
3395 yh = y + tar.height.baseVal.value,
3397 if ((rx || ry) && (rx !== "0") && (ry !== "0")) {
3398 tar.rx.baseVal._emToUnit(fontSize);
3399 tar.ry.baseVal._emToUnit(fontSize);
3400 var thrx = tar.rx.baseVal,
3401 thry = tar.ry.baseVal,
3402 twidth = tar.width.baseVal.value,
3403 theight = tar.height.baseVal.value;
3404 thrx.value = rx ? thrx.value : thry.value;
3405 thry.value = ry ? thry.value : thrx.value;
3406 //rx属性が幅より大きければ、幅の半分を属性に設定(ry属性は高さと比較する)
3407 if (thrx.value > twidth / 2) {
3408 thrx.value = twidth / 2;
3410 if (thry.value > theight / 2) {
3411 thry.value = theight / 2;
3413 var rxv = thrx.value,
3415 rrx = rxv * 0.55228,
3416 rry = ryv * 0.55228,
3421 list = ["m",b,y, "l",a,y, "c",a+rrx,y,xw,c-rry,xw,c, "l",xw,d, "c",xw,d+rry,a+rrx,yh,a,yh, "l",b,yh, "c",b-rrx,yh,x,d+rry,x,d, "l",x,c, "c",x,c-rry,b-rrx,y,b,y];
3423 list = ["m",x,y, "l",x,yh, xw,yh, xw,y, "x e"];
3425 //以下は、配列listそのものをCTMで座標変換していく処理
3426 var par = tar.ownerDocument.documentElement,
3427 ctm = tar.getScreenCTM(),
3430 vi = tar.ownerDocument.documentElement,
3431 w = vi.width.baseVal.value,
3432 h = vi.height.baseVal.value,
3434 for (var i=0, lili=list.length;i<lili;) {
3435 if (isNaN(list[i])) { //コマンド文字は読み飛ばす
3439 p = par.createSVGPoint();
3442 pmt = p.matrixTransform(ctm);
3443 list[i] = mr(pmt.x);
3445 list[i] = mr(pmt.y);
3449 dat = list.join(" ");
3452 ele.coordsize = w + " " + h;
3453 NAIBU._setPaint(tar, ctm);
3454 delete tar._cacheMatrix;
3455 evt = tar = style = list = mr = dat = ele = vi = fontSize = void 0;
3461 SVGRectElement.constructor = SVGElement;
3462 SVGRectElement.prototype = new SVGElement();
3464 function SVGCircleElement(_doc) {
3465 SVGElement.apply(this);
3466 this._tar = _doc.createElement("v:shape");
3467 var sl = SVGAnimatedLength;
3468 /*readonly SVGAnimatedLength*/ this.cx = new sl();
3469 /*readonly SVGAnimatedLength*/ this.cy = new sl();
3470 /*readonly SVGAnimatedLength*/ this.r = new sl();
3472 this.addEventListener("DOMNodeInserted", function(evt){
3473 var tar = evt.target;
3474 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
3477 var tnext = tar.nextSibling,
3478 tpart = tar.parentNode._tar,
3480 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
3481 tpart.insertBefore(tar._tar, tnext._tar);
3482 } else if (tnext && !tnext._tar && tpart) {
3483 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
3484 *use要素や実体参照などは_tarプロパティがないことに注意
3487 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3488 tpart.insertBefore(tar._tar, tnext._tar);
3491 tnext = tnext.nextSibling;
3494 tpart.appendChild(tar._tar);
3496 } else if (!tnext && tpart) {
3497 tpart.appendChild(tar._tar);
3499 tnext = tpart = isLast = void 0;
3500 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
3501 var tar = evt.target, style = tar.ownerDocument.defaultView.getComputedStyle(tar, "");
3502 var fontSize = parseFloat(style.getPropertyValue("font-size"));
3503 tar.cx.baseVal._emToUnit(fontSize);
3504 tar.cy.baseVal._emToUnit(fontSize);
3505 tar.r.baseVal._emToUnit(fontSize);
3506 var cx = tar.cx.baseVal.value, cy = tar.cy.baseVal.value, rx = ry = tar.r.baseVal.value;
3507 var top = cy - ry, left = cx - rx, bottom = cy + ry, right = cx + rx;
3508 var rrx = rx * 0.55228, rry = ry * 0.55228;
3509 var list = ["m", cx,top, "c", cx-rrx,top, left,cy-rry, left,cy, left,cy+rry, cx-rrx,bottom, cx,bottom, cx+rrx,bottom, right,cy+rry, right,cy, right,cy-rry, cx+rrx,top, cx,top, "x e"];
3510 //以下は、配列listそのものをCTMで座標変換していく処理
3511 var par = tar.ownerDocument.documentElement,
3512 ctm = tar.getScreenCTM(),
3514 for (var i=0, lili=list.length;i<lili;) {
3515 if (isNaN(list[i])) { //コマンド文字は読み飛ばす
3519 var p = par.createSVGPoint();
3522 var pmt = p.matrixTransform(ctm);
3523 list[i] = mr(pmt.x);
3525 list[i] = mr(pmt.y);
3529 var dat = list.join(" ");
3531 var ele = tar._tar, vi = tar.ownerDocument.documentElement;
3532 var w = vi.width.baseVal.value, h = vi.height.baseVal.value;
3534 ele.coordsize = w + " " + h;
3535 NAIBU._setPaint(tar, ctm);
3536 delete tar._cacheMatrix;
3537 evt = tar = list = mr = style = fontSize = dat = ele = void 0;
3543 SVGCircleElement.constructor = SVGElement;
3544 SVGCircleElement.prototype = new SVGElement();
3546 function SVGEllipseElement(_doc) {
3547 SVGElement.apply(this);
3548 this._tar = _doc.createElement("v:shape");
3549 var sl = SVGAnimatedLength;
3550 /*readonly SVGAnimatedLength*/ this.cx = new sl();
3551 /*readonly SVGAnimatedLength*/ this.cy = new sl();
3552 /*readonly SVGAnimatedLength*/ this.rx = new sl();
3553 /*readonly SVGAnimatedLength*/ this.ry = new sl();
3555 this.addEventListener("DOMNodeInserted", function(evt){
3556 var tar = evt.target;
3557 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
3560 var tnext = tar.nextSibling,
3561 tpart = tar.parentNode._tar,
3563 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
3564 tpart.insertBefore(tar._tar, tnext._tar);
3565 } else if (tnext && !tnext._tar && tpart) {
3566 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
3567 *use要素や実体参照などは_tarプロパティがないことに注意
3570 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3571 tpart.insertBefore(tar._tar, tnext._tar);
3574 tnext = tnext.nextSibling;
3577 tpart.appendChild(tar._tar);
3579 } else if (!tnext && tpart) {
3580 tpart.appendChild(tar._tar);
3582 tnext = tpart = isLast = void 0;
3583 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
3584 var tar = evt.target, style = tar.ownerDocument.defaultView.getComputedStyle(tar, "");
3585 var fontSize = parseFloat(style.getPropertyValue("font-size"));
3586 tar.cx.baseVal._emToUnit(fontSize);
3587 tar.cy.baseVal._emToUnit(fontSize);
3588 tar.rx.baseVal._emToUnit(fontSize);
3589 tar.ry.baseVal._emToUnit(fontSize);
3590 var cx = tar.cx.baseVal.value, cy = tar.cy.baseVal.value, rx = tar.rx.baseVal.value, ry = tar.ry.baseVal.value;
3591 var top = cy - ry, left = cx - rx, bottom = cy + ry, right = cx + rx;
3592 var rrx = rx * 0.55228, rry = ry * 0.55228;
3593 var list = ["m", cx,top, "c", cx-rrx,top, left,cy-rry, left,cy, left,cy+rry, cx-rrx,bottom, cx,bottom, cx+rrx,bottom, right,cy+rry, right,cy, right,cy-rry, cx+rrx,top, cx,top, "x e"];
3594 //以下は、配列listそのものをCTMで座標変換していく処理
3595 var par = tar.ownerDocument.documentElement,
3596 ctm = tar.getScreenCTM(),
3598 for (var i=0, lili=list.length;i<lili;) {
3599 if (isNaN(list[i])) { //コマンド文字は読み飛ばす
3603 var p = par.createSVGPoint();
3606 var pmt = p.matrixTransform(ctm);
3607 list[i] = mr(pmt.x);
3609 list[i] = mr(pmt.y);
3613 var dat = list.join(" ");
3615 var ele = tar._tar, vi = tar.ownerDocument.documentElement;
3616 var w = vi.width.baseVal.value, h = vi.height.baseVal.value;
3618 ele.coordsize = w + " " + h;
3619 NAIBU._setPaint(tar, ctm);
3620 delete tar._cacheMatrix;
3621 evt = ele = tar = style = fontSize = dat = list = mr = ctm = w = h = void 0;
3627 SVGEllipseElement.constructor = SVGElement;
3628 SVGEllipseElement.prototype = new SVGElement();
3630 function SVGLineElement(_doc) {
3631 SVGElement.apply(this);
3632 this._tar = _doc.createElement("v:shape");
3633 var sl = SVGAnimatedLength;
3634 /*readonly SVGAnimatedLength*/ this.x1 = new sl();
3635 /*readonly SVGAnimatedLength*/ this.y1 = new sl();
3636 /*readonly SVGAnimatedLength*/ this.x2 = new sl();
3637 /*readonly SVGAnimatedLength*/ this.y2 = new sl();
3639 this.addEventListener("DOMNodeInserted", function(evt){
3640 var tar = evt.target;
3641 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
3644 var tnext = tar.nextSibling,
3645 tpart = tar.parentNode._tar,
3647 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
3648 tpart.insertBefore(tar._tar, tnext._tar);
3649 } else if (tnext && !tnext._tar && tpart) {
3650 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
3651 *use要素や実体参照などは_tarプロパティがないことに注意
3654 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3655 tpart.insertBefore(tar._tar, tnext._tar);
3658 tnext = tnext.nextSibling;
3661 tpart.appendChild(tar._tar);
3663 } else if (!tnext && tpart) {
3664 tpart.appendChild(tar._tar);
3666 tnext = tpart = isLast = void 0;
3667 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
3668 var tar = evt.target, style = tar.ownerDocument.defaultView.getComputedStyle(tar, "");
3669 var fontSize = parseFloat(style.getPropertyValue("font-size"));
3670 tar.x1.baseVal._emToUnit(fontSize);
3671 tar.y1.baseVal._emToUnit(fontSize);
3672 tar.x2.baseVal._emToUnit(fontSize);
3673 tar.y2.baseVal._emToUnit(fontSize);
3674 //以下は、配列listそのものをCTMで座標変換していく処理
3675 var vi = tar.ownerDocument.documentElement,
3676 ctm = tar.getScreenCTM(),
3679 p = vi.createSVGPoint();
3680 p.x = tar.x1.baseVal.value;
3681 p.y = tar.y1.baseVal.value;
3682 var pmt = p.matrixTransform(ctm);
3683 dat += mr(pmt.x)+ " " +mr(pmt.y)+ " l ";
3684 p.x = tar.x2.baseVal.value;
3685 p.y = tar.y2.baseVal.value;
3686 pmt = p.matrixTransform(ctm);
3687 dat += mr(pmt.x)+ " " +mr(pmt.y);
3690 var ele = tar._tar, w = vi.width.baseVal.value, h = vi.height.baseVal.value;
3692 ele.coordsize = w + " " + h;
3693 NAIBU._setPaint(tar, ctm);
3694 delete tar._cacheMatrix;
3695 evt = ele = tar = style = fontSize = dat = list = mr = ctm = vi = w = h = void 0;
3701 SVGLineElement.constructor = SVGElement;
3702 SVGLineElement.prototype = new SVGElement();
3704 /*_GenericSVGPolyElementインターフェース
3705 * このインターフェースはpolygonとpolyline要素共通のインターフェースとして使用。
3706 * ファイルサイズを軽量にすることができる
3708 NAIBU._GenericSVGPolyElement = function (_doc, xclose) {
3709 SVGElement.apply(this);
3710 this._tar = _doc.createElement("v:shape");
3712 //interface SVGAnimatedPoints
3713 /*readonly SVGPointList*/ this.animatedPoints = this.points = new SVGPointList();
3714 this.addEventListener("DOMAttrModified", function(evt){
3715 var tar = evt.target;
3716 if (evt.attrName === "points") {
3717 var tp = tar.points, par = tar.ownerDocument.documentElement;
3718 var list = evt.newValue.replace(/^\s+|\s+$/g, "").split(/[\s,]+/);
3719 for (var i=0, p, lili=list.length;i<lili;i+=2) {
3720 if (isNaN(list[i])) {
3724 p = par.createSVGPoint();
3725 p.x = parseFloat(list[i]);
3726 p.y = parseFloat(list[i+1]);
3730 evt = tar = list = tp = par = p = void 0;
3732 this.addEventListener("DOMNodeInserted", function(evt){
3733 var tar = evt.target;
3734 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
3737 var tnext = tar.nextSibling,
3738 tpart = tar.parentNode._tar,
3740 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
3741 tpart.insertBefore(tar._tar, tnext._tar);
3742 } else if (tnext && !tnext._tar && tpart) {
3743 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
3744 *use要素や実体参照などは_tarプロパティがないことに注意
3747 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
3748 tpart.insertBefore(tar._tar, tnext._tar);
3751 tnext = tnext.nextSibling;
3754 tpart.appendChild(tar._tar);
3756 } else if (!tnext && tpart) {
3757 tpart.appendChild(tar._tar);
3759 tnext = tpart = isLast = void 0;
3760 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
3761 var tar = evt.target,
3763 ctm = tar.getScreenCTM(),
3765 //以下は、配列listそのものをCTMで座標変換していく処理
3766 for (var i=0, list = [], lili=tp.numberOfItems;i<lili;++i) {
3767 var p = tp.getItem(i),
3768 pmt = p.matrixTransform(ctm);
3769 list[2*i] = mr(pmt.x);
3770 list[2*i + 1] = mr(pmt.y);
3773 list.splice(2, 0, "l");
3774 var dat = "m" + list.join(" ") + xclose,
3776 vi = tar.ownerDocument.documentElement;
3777 w = vi.width.baseVal.value,
3778 h = vi.height.baseVal.value;
3781 ele.coordsize = w + " " + h;
3782 NAIBU._setPaint(tar, ctm);
3783 delete tar._cacheMatrix;
3784 evt = ele = tar = dat = list = mr = ctm = w = h = vi = void 0;
3790 function SVGPolylineElement(_doc) {
3791 NAIBU._GenericSVGPolyElement.call(this, _doc, "e");
3795 SVGPolylineElement.constructor = SVGElement;
3796 SVGPolylineElement.prototype = new SVGElement();
3798 function SVGPolygonElement(_doc) {
3799 NAIBU._GenericSVGPolyElement.call(this, _doc, "x e");
3803 SVGPolygonElement.constructor = SVGElement;
3804 SVGPolygonElement.prototype = new SVGElement();
3806 function SVGTextContentElement(_doc) {
3807 SVGElement.apply(this);
3808 /*readonly SVGAnimatedLength*/ this.textLength = new SVGAnimatedLength();
3809 /*readonly SVGAnimatedEnumeration*/ this.lengthAdjust = new SVGAnimatedEnumeration(SVGTextContentElement.LENGTHADJUST_UNKNOWN);
3810 this.addEventListener("DOMNodeInserted", function(evt){
3811 var tar = evt.target, cur = evt.currentTarget;
3812 /*Bubblingフェーズの時にはもう、div要素をDOMツリーに挿入しておく必要があるため、
3813 *あらかじめ、Capturingフェーズで処理しておく
3815 if ((evt.eventPhase === /*Event.CAPTURING_PHASE*/ 1) && (tar.localName === "a") && (tar.namespaceURI === "http://www.w3.org/2000/svg") && tar.firstChild) {
3816 /*a要素の場合はtarをすりかえておく*/
3817 tar = tar.firstChild;
3819 if ((evt.eventPhase === /*Event.CAPTURING_PHASE*/ 1) && (tar.nodeType === /*Node.TEXT_NODE*/ 3) && !!!tar._tars) {
3820 /*Textノードにdiv要素を格納したリストをプロパティとして蓄えておく*/
3822 var data = tar.data.replace(/^\s+/, "").replace(/\s+$/, "");
3824 data = data.split('');
3825 for (var i=0, tdli=data.length;i<tdli;++i) {
3826 var d = _doc.createElement("div"),
3828 dstyle.position = "absolute";
3829 dstyle.marginLeft = dstyle.marginRight = dstyle.marginTop = "0px";
3830 dstyle.paddingTop = dstyle.paddingLeft = "0px";
3831 dstyle.whiteSpace = "nowrap";
3832 dstyle.textIndent = "0px";
3833 d.appendChild(_doc.createTextNode(data[i]));
3834 tar._tars[tar._tars.length] = d;
3837 cur._length += tar._tars.length;
3838 } else if ((evt.eventPhase === /*Event.CAPTURING_PHASE*/ 1) && (tar instanceof SVGTextContentElement) && !!!tar._tars) {
3839 cur._length += tar._length;
3841 evt = tar = cur = void 0;
3847 t.constructor = SVGElement;
3848 t.prototype = new SVGElement();
3849 // lengthAdjust Types
3850 /*unsigned short*/ t.LENGTHADJUST_UNKNOWN = 0;
3851 /*unsigned short*/ t.LENGTHADJUST_SPACING = 1;
3852 /*unsigned short*/ t.LENGTHADJUST_SPACINGANDGLYPHS = 2;
3853 t.prototype._list = null; //文字の位置を格納しておくリストのキャッシュ
3854 t.prototype._length = 0; //全文字数
3855 t.prototype._stx = t.prototype._sty = 0; //初めの文字の位置
3856 t.prototype._chars = 0; //tspan要素が全体の何文字目から始まっているか
3857 t.prototype._isYokogaki = true; //横書きかどうか
3858 /*long*/ t.prototype.getNumberOfChars = function() {
3859 return (this._length);
3861 /*float*/ t.prototype.getComputedTextLength = function() {
3862 var l = this.textLength.baseVal;
3863 if ((l.value === 0) && (this.getNumberOfChars() > 0)) {
3864 /*何も設定されていない場合のみ、初期化を行う*/
3865 l.newValueSpecifiedUnits(SVGLength.SVG_LENGTHTYPE_NUMBER, this.getSubStringLength(0, this.getNumberOfChars()));
3868 return (this.textLength.baseVal.value);
3870 /*getSubStringLengthメソッド
3871 *charnum番目の文字からnchars+charnum-1番目までの文字列の長さを求めて返す
3873 /*float*/ t.prototype.getSubStringLength = function(/*unsigned long*/ charnum, /*unsigned long*/ nchars ) {
3877 var tg = this.getNumberOfChars();
3878 if (tg < (nchars+charnum)) {
3879 /*ncharsが文字列の長さよりも長くなってしまったときには、
3880 *文字列の末端までの長さを求めるとする(SVG1.1の仕様より)
3882 nchars = tg - charnum + 1;
3884 var end = this.getEndPositionOfChar(nchars+charnum-1), st = this.getStartPositionOfChar(charnum);
3885 if (this._isYokogaki) {
3886 var s = end.x - st.x;
3888 var s = end.y - st.y;
3890 tg = end = st = void 0;
3893 /*SVGPoint*/ t.prototype.getStartPositionOfChar = function (/*unsigned long*/ charnum ) {
3894 if (charnum > this.getNumberOfChars() || charnum < 0) {
3895 throw (new DOMException(DOMException.INDEX_SIZE_ERR));
3898 ti = tar.firstChild,
3899 tp = tar.parentNode;
3902 var chars = tar._chars, //現在、何文字目にあるのか
3903 x = tar._stx, y = tar._sty, n = 0, //現在のテキスト位置と順番
3904 style = tar.ownerDocument.defaultView.getComputedStyle(tar, null),
3905 isYokogaki = ((style.getPropertyValue("writing-mode")) === "lr-tb") ? true : false,
3906 fontSize = parseFloat(style.getPropertyValue("font-size")),
3907 tx = tar.x.baseVal, ty = tar.y.baseVal, tdx = tar.dx.baseVal, tdy = tar.dy.baseVal;
3909 if (tp && ((tp.localName === "text") ||(tp.localName === "tspan"))) {
3910 var ptx = tp.x.baseVal,
3912 ptdx = tp.dx.baseVal,
3913 ptdy = tp.dy.baseVal;
3915 var ptx = pty = ptdx = ptdy = {numberOfItems : 0};
3917 var kern = "f ijltIr.,:;'-\"()",
3918 akern = "1234567890abcdeghknopquvxyz",
3919 tt, alm, tdc, tcca, p, almx, almy, tlist, tg;
3920 if (isYokogaki && (tar.localName === "text")) {
3921 y += fontSize * 0.2;
3922 } else if (tar.localName === "text"){
3923 x -= fontSize * 0.5;
3926 if (ti.nodeType === /*Node.TEXT_NODE*/ 3) {
3928 /*tspan要素のx属性で指定された座標の個数よりも、文字数が多い場合は、祖先(親)のx属性を
3929 *使う。また、属性が指定されていないときも同様に祖先や親を使う。
3930 *もし、仮に祖先や親がx属性を指定されていなければ、現在のテキスト位置(変数xに格納している)を使う。
3931 *この処理はdx属性やdy、y属性でも同様とする
3933 *http://www.hcn.zaq.ne.jp/___/REC-SVG11-20030114/text.html
3935 *注意:ここでは、tspan要素だけではなく、text要素にも適用しているが、本来はtspan要素のみに処理させること
3937 for (var i=0, tli=tt.length;i<tli;++i) {
3938 if (n < ptx.numberOfItems - chars) {
3939 x = ptx.getItem(n).value;
3941 x -= fontSize * 0.5;
3943 } else if (n < tx.numberOfItems) {
3944 x = tx.getItem(n).value;
3946 x -= fontSize * 0.5;
3949 if (n < pty.numberOfItems - chars) {
3950 y = pty.getItem(n).value;
3952 y += fontSize * 0.2;
3954 } else if (n < ty.numberOfItems) {
3955 y = ty.getItem(n).value;
3957 y += fontSize * 0.2;
3960 if (n < ptdx.numberOfItems - chars) {
3961 x += ptdx.getItem(n).value;
3962 } else if (n < tdx.numberOfItems) {
3963 x += tdx.getItem(n).value;
3965 if (n < ptdy.numberOfItems - chars) {
3966 y += ptdy.getItem(n).value;
3967 } else if (n < tdy.numberOfItems) {
3968 y += tdy.getItem(n).value;
3972 //カーニングを求めて、字の幅を文字ごとに調整する
3973 tdc = ti.data.charAt(i);
3974 if (kern.indexOf(tdc) > -1) {
3975 alm = fontSize * 0.68;
3976 } else if (tdc === "s"){
3977 alm = fontSize * 0.52;
3978 } else if ((tdc === "C") || (tdc === "D") || (tdc === "M") || (tdc === "W") || (tdc === "G") || (tdc === "m")){
3979 alm = fontSize * 0.2;
3980 } else if (akern.indexOf(tdc) > -1){
3981 alm = fontSize * 0.45;
3983 alm = fontSize * 0.3;
3985 tcca = tdc.charCodeAt(0);
3986 if ((12288 <= tcca) && (tcca <= 65533)) {
3987 alm = -fontSize * 0.01;
3988 if ((tdc === "う") || (tdc === "く") || (tdc === "し") || (tdc === "ち")) {
3989 alm += fontSize * 0.2;
3994 tlist[tlist.length] = x;
3995 tlist[tlist.length] = y;
3996 tlist[tlist.length] = fontSize - alm;
4006 if (ti.parentNode && (ti.parentNode.localName === "a")) { //a要素が親である場合は、tiを親に戻しておく
4009 ti = ti.nextSibling;
4010 } else if ((ti.localName === "tspan") && (ti.namespaceURI === "http://www.w3.org/2000/svg") && ti.firstChild) {
4011 /*現在のテキスト位置(x,y)の分だけ、tspan要素をずらしておく。
4017 p = ti.getStartPositionOfChar(ti.getNumberOfChars());
4022 almx = tlist[tlist.length-1];
4024 almy = tlist[tlist.length-1];
4026 x = tlist[tlist.length-3] + almx;
4027 y = tlist[tlist.length-2] + almy;
4028 tar._list = tar._list.concat(tlist);
4029 tg = ti.getNumberOfChars();
4032 ti = ti.nextSibling;
4033 } else if ((ti.localName === "a") && (ti.namespaceURI === "http://www.w3.org/2000/svg") && ti.firstChild) {
4034 /*a要素のテキストノードも処理する*/
4037 ti = ti.nextSibling;
4040 tar._isYokogaki = isYokogaki //getEndPositionOfCharメソッドなどで使う
4042 tar = ti = tp = ptx = pty = tx = ty = chars = style = x = y = isYokogaki = kern = akern = tt = alm = tdc = tcca = p = almx = almy = tlist = tg = void 0;
4043 var s = this.ownerDocument.documentElement.createSVGPoint();
4044 s.x = this._list[charnum*3];
4045 s.y = this._list[charnum*3 + 1];
4046 s = s.matrixTransform(this.getScreenCTM());
4050 /*SVGPoint*/ t.prototype.getEndPositionOfChar = function(/*unsigned long*/ charnum ) {
4051 if (charnum > this.getNumberOfChars() || charnum < 0) {
4052 throw (new DOMException(DOMException.INDEX_SIZE_ERR));
4054 var s = this.getStartPositionOfChar(charnum);
4055 //アドバンス値(すなわちフォントの大きさ)をCTMの行列式を用いて、算出する
4056 var n = this._list[charnum*3 + 2] * Math.sqrt(Math.abs(this.getScreenCTM()._determinant()));
4057 if (this._isYokogaki) {
4065 /*SVGRect*/ t.prototype.getExtentOfChar = function(/*unsigned long*/ charnum ) {
4068 /*float*/ t.prototype.getRotationOfChar = function(/*unsigned long*/ charnum ) {
4071 /*long*/ t.prototype.getCharNumAtPosition = function(/*SVGPoint*/ point ) {
4074 /*void*/ t.prototype.selectSubString = function(/*unsigned long*/ charnum,/*unsigned long*/ nchars ) {
4077 })(SVGTextContentElement);
4079 function SVGTextPositioningElement(_doc) {
4080 SVGTextContentElement.apply(this, arguments);
4081 var sl = SVGAnimatedLengthList;
4082 /*readonly SVGAnimatedLengthList*/ this.x = new sl();
4083 /*readonly SVGAnimatedLengthList*/ this.y = new sl();
4084 /*readonly SVGAnimatedLengthList*/ this.dx = new sl();
4085 /*readonly SVGAnimatedLengthList*/ this.dy = new sl();
4087 /*readonly SVGAnimatedNumberList*/ this.rotate = new SVGAnimatedNumberList();
4088 this.addEventListener("DOMAttrModified", function(evt){
4089 var tar = evt.target,
4090 name = evt.attrName,
4091 tod = tar.ownerDocument.documentElement,
4092 _parseFloat = parseFloat;
4093 if ((name === "x") || (name === "y") || (name === "dx") || (name === "dy")) {
4094 var enr = evt.newValue.replace(/^\s+|\s+$/g, "").split(/[\s,]+/),
4095 teas = tar[name].baseVal;
4096 for (var i=0, tli=enr.length;i<tli;++i) {
4097 var tea = tod.createSVGLength(),
4098 n = enr[i].slice(-1),
4100 if (n >= "0" && n <= "9") {
4101 type = /*SVGLength.SVG_LENGTHTYPE_NUMBER*/ 1;
4102 } else if (n === "%") {
4103 if ((name === "x") || (name === "dx")) {
4104 tea._percent *= tod.viewport.width;
4105 } else if ((name === "y") || (name === "dy")) {
4106 tea._percent *= tod.viewport.height;
4108 type = /*SVGLength.SVG_LENGTHTYPE_PERCENTAGE*/ 2;
4110 n = enr[i].s1ice(-2);
4112 var style = tar.ownerDocument.defaultView.getComputedStyle(tar, null);
4113 tea._percent *= _parseFloat(style.getPropertyValue("font-size"));
4115 type = /*SVGLength.SVG_LENGTHTYPE_EMS*/ 3;
4116 } else if (n === "ex") {
4117 type = /*SVGLength.SVG_LENGTHTYPE_EXS*/ 4;
4118 } else if (n === "px") {
4119 type = /*SVGLength.SVG_LENGTHTYPE_PX*/ 5;
4120 } else if (n === "cm") {
4121 type = /*SVGLength.SVG_LENGTHTYPE_CM*/ 6;
4122 } else if (n === "mm") {
4123 type = /*SVGLength.SVG_LENGTHTYPE_MM*/ 7;
4124 } else if (n === "in") {
4125 type = /*SVGLength.SVG_LENGTHTYPE_IN*/ 8;
4126 } else if (n === "pt") {
4127 type = /*SVGLength.SVG_LENGTHTYPE_PT*/ 9;
4128 } else if (n === "pc") {
4129 type = /*SVGLength.SVG_LENGTHTYPE_PC*/ 10;
4132 var s = _parseFloat(enr[i]);
4133 s = isNaN(s) ? 0 : s;
4134 tea.newValueSpecifiedUnits(type, s);
4135 teas.appendItem(tea);
4141 this.addEventListener("DOMNodeInserted", function(evt){
4142 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
4143 var tar = evt.target;
4144 if (tar.nodeType !== /*Node.TEXT_NODE*/ 3) {
4146 evt.currentTarget._list = null;
4153 SVGTextPositioningElement.constructor = SVGTextContentElement;
4154 SVGTextPositioningElement.prototype = new SVGTextContentElement();
4156 function SVGTextElement(_doc) {
4157 SVGTextPositioningElement.apply(this, arguments);
4158 this._tar = _doc.createElement("v:group");
4159 this.addEventListener("DOMNodeInserted", function(evt){
4160 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
4163 var tar = evt.target,
4164 tnext = tar.nextSibling,
4165 tpart = tar.parentNode._tar,
4167 if (tnext && tnext._tar && tpart && (tnext._tar.parentNode === tpart)) {
4168 tpart.insertBefore(tar._tar, tnext._tar);
4169 } else if (tnext && !tnext._tar && tpart) {
4170 /*以下の処理は、_tarプロパティがない要素オブジェクトがあるため、それに対処するもの
4171 *use要素や実体参照などは_tarプロパティがないことに注意
4174 if (tnext._tar && (tnext._tar.parentNode === tpart)) {
4175 tpart.insertBefore(tar._tar, tnext._tar);
4178 tnext = tnext.nextSibling;
4181 tpart.appendChild(tar._tar);
4183 } else if (!tnext && tpart) {
4184 tpart.appendChild(tar._tar);
4186 tnext = tpart = isLast = void 0;
4187 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
4188 var tar = evt.target,
4189 ti = tar.firstChild,
4191 style = tar.ownerDocument.defaultView.getComputedStyle(tar, null),
4192 n = parseFloat(style.getPropertyValue("font-size")) * Math.sqrt(Math.abs(tar.getScreenCTM()._determinant())),
4193 tod = tar.ownerDocument.documentElement,
4194 ttpc = ttp, //ttpcはttpのキャッシュ
4195 tlen = tar.getComputedTextLength(),
4196 anchor = style.getPropertyValue("text-anchor"),
4197 tedeco = style.getPropertyValue("text-decoration"), //text-decorationは継承しないので、個々に設定する
4200 ttps.fontSize = n + "px";
4201 ttps.fontFamily = style.getPropertyValue("font-family");
4202 ttps.fontStyle = style.getPropertyValue("font-style");
4203 ttps.fontWeight = style.getPropertyValue("font-weight");
4204 /*ここでの変数jは前回ノードまでの総文字数*/
4205 for (var i=0, j=0, tli=tar.getNumberOfChars();i<tli;++i) {
4207 if (!!ti._tars && (ti._tars.length !== 0)) {
4208 var ij = (i > j) ? i - j : j - i
4209 var sty = ti._tars[ij].style,
4210 p = tar.getStartPositionOfChar(i);
4211 sty.position = "absolute";
4212 if (tar._isYokogaki) {
4213 if (anchor === "middle") {
4215 } else if (anchor === "end") {
4219 if (anchor === "middle") {
4221 } else if (anchor === "end") {
4225 sty.left = p.x + "px";
4226 sty.top = p.y + "px";
4229 sty.marginTop = tar._isYokogaki ? -n-5+ "px" : "-5px";
4230 sty.lineHeight = n+10+ "px";
4231 sty.textDecoration = tedeco;
4232 sty.display = "none"
4233 ttp.appendChild(ti._tars[ij]);
4236 if (ti.nodeName === "#text") {
4237 if ((ti.data.length+j) <= i+1) { //テキストノード内の文字をすべて処理し終えれば
4238 j = j + ti.data.length;
4239 if (ti.parentNode.localName === "a") {
4243 ti = ti.nextSibling;
4245 } else if (!!ti.getNumberOfChars) {
4246 if ((ti.getNumberOfChars()+j) <= i+1) {
4247 j = j + ti.getNumberOfChars();
4248 ti = ti.nextSibling;
4250 } else if ((ti.localName === "a") && (ti.namespaceURI === "http://www.w3.org/2000/svg") && ti.firstChild) {
4258 var color = style.getPropertyValue("fill"),
4259 cursor = style.getPropertyCSSValue("cursor"),
4260 vis = style.getPropertyCSSValue("visibility"),
4261 disp = style.getPropertyCSSValue("display"),
4262 tts = tar._tar.style,
4263 tft = tar.firstChild._tars, //空白のテキストノードの場合、tftがundefinedになる恐れがある
4264 ttt = tft[0] ? tft[0].innerText.charAt(0) : [""], //あらかじめ初期化しておく
4266 if (color === "none"){
4267 tts.color = "transparent";
4268 } else if (color.indexOf("url") === -1) {
4271 tts.color = "black";
4273 if (cursor && !cursor._isDefault) { //初期値でないならば
4274 var tc = cursor.cssText;
4275 tts.cursor = tc.split(":")[1];
4278 if ((tar.x.baseVal.numberOfItems === 1) && (tar.y.baseVal.numberOfItems === 1)
4279 && tar._isYokogaki && (tar.firstChild.nodeName === "#text")) {
4280 /*xとy属性が一つの値しか取らないとき、字詰めの処理をすべてブラウザに任せておく。
4281 *以下では、他のdiv要素のテキストをすべて、最初のdiv要素にまとめている
4283 for (var i=1, tli=tft.length;i<tli;++i) {
4285 ttt += tfti.innerText;
4286 tfti.parentNode.removeChild(tfti);
4288 //以下でinnerTextやinnerHTMLを使うのは、IE6でエラーとなる可能性がある
4289 if (tft[0] && tft[0].replaceChild) {
4290 tft[0].replaceChild(_doc.createTextNode(ttt), tft[0].firstChild);
4296 if (ttp.lastChild) {
4297 if (ttp.lastChild.nodeName !== "rect") {
4304 var backr = _doc.createElement("v:rect"),
4305 backrs = backr.style; //ずれを修正するためのもの
4306 backrs.width = backrs.height = "1px";
4307 backrs.left = backrs.top = "0px";
4308 backr.stroked = backr.filled = "false";
4309 ttp.appendChild(backr);
4311 if (vis && !vis._isDefault) {
4312 tts.visibility = vis.cssText.split(":")[1];
4314 /*dipslayプロパティだけはdiv要素の個々に設定しておく必要がある
4315 *なぜかといえば、div要素をdisplay:none;であらかじめ設定しているため。
4317 if (disp && !disp._isDefault && (disp.cssText.indexOf("none") > -1)) {
4319 } else if (disp && !disp._isDefault) {
4322 var jt = tar._tar.firstChild,
4325 jt.style.display = di;
4326 jt = jt.nextSibling;
4328 while (ae[j]) { //要素内部にあるa要素の処理
4329 for (var l=0, tli=ae[j]._tars.length;l<tli;++l) {
4330 ae[j]._tars[l].style.display = di;
4335 delete tar._cacheMatrix;
4336 ae = isRect = evt = tar = style = tedeco = tpp = ttpc = style = color = cursor = disp = vis = ttps = backr = backrs = di = tft = jt = void 0;
4342 SVGTextElement.constructor = SVGTextPositioningElement;
4343 SVGTextElement.prototype = new SVGTextPositioningElement();
4345 function SVGTSpanElement() {
4346 SVGTextElement.apply(this, arguments);
4349 SVGTSpanElement.constructor = SVGTextPositioningElement;
4350 SVGTSpanElement.prototype = new SVGTextPositioningElement();
4352 function SVGTRefElement() {
4353 SVGTextPositioningElement.apply(this, arguments);
4354 SVGURIReference.apply(this, arguments);
4357 SVGTRefElement.constructor = SVGTextPositioningElement;
4358 SVGTRefElement.prototype = new SVGTextPositioningElement();
4360 function SVGTextPathElement() {
4361 SVGTextContentElement.apply(this, arguments);
4362 /*readonly SVGAnimatedLength*/ this.startOffset;
4363 /*readonly SVGAnimatedEnumeration*/ this.method;
4364 /*readonly SVGAnimatedEnumeration*/ this.spacing;
4365 SVGURIReference.apply(this, arguments);
4368 SVGTextPathElement.constructor = SVGTextContentElement;
4369 SVGTextPathElement.prototype = new SVGTextContentElement();
4372 // textPath Method Types
4373 /*unsigned short*/ t.TEXTPATH_METHODTYPE_UNKNOWN = 0;
4374 /*unsigned short*/ t.TEXTPATH_METHODTYPE_ALIGN = 1;
4375 /*unsigned short*/ t.TEXTPATH_METHODTYPE_STRETCH = 2;
4376 // textPath Spacing Types
4377 /*unsigned short*/ t.TEXTPATH_SPACINGTYPE_UNKNOWN = 0;
4378 /*unsigned short*/ t.TEXTPATH_SPACINGTYPE_AUTO = 1;
4379 /*unsigned short*/ t.TEXTPATH_SPACINGTYPE_EXACT = 2;
4380 })(SVGTextPathElement);
4382 function SVGAltGlyphElement() {
4383 SVGTextPositioningElement.apply(this, arguments);
4384 /*DOMString*/ this.glyphRef;
4385 /*DOMString*/ this.format;
4386 SVGURIReference.apply(this, arguments);
4389 SVGAltGlyphElement.constructor = SVGTextPositioningElement;
4390 SVGAltGlyphElement.prototype = new SVGTextPositioningElement();
4392 function SVGAltGlyphDefElement() {
4393 SVGElement.apply(this, arguments);
4396 SVGAltGlyphDefElement.constructor = SVGElement;
4397 SVGAltGlyphDefElement.prototype = new SVGElement();
4399 function SVGAltGlyphItemElement() {
4400 SVGElement.apply(this, arguments);
4403 SVGAltGlyphItemElement.constructor = SVGElement;
4404 SVGAltGlyphItemElement.prototype = new SVGElement();
4406 function SVGGlyphRefElement() {
4407 SVGElement.apply(this, arguments);
4408 /*DOMString*/ this.glyphRef;
4409 /*DOMString*/ this.format;
4414 SVGURIReference.apply(this, arguments);
4417 SVGGlyphRefElement.constructor = SVGElement;
4418 SVGGlyphRefElement.prototype = new SVGElement();
4420 function SVGPaint() {
4421 SVGColor.apply(this, arguments);
4426 t.constructor = SVGColor;
4427 t.prototype = new SVGColor();
4429 /*unsigned short*/ t.SVG_PAINTTYPE_UNKNOWN = 0;
4430 /*unsigned short*/ t.SVG_PAINTTYPE_RGBCOLOR = 1;
4431 /*unsigned short*/ t.SVG_PAINTTYPE_RGBCOLOR_ICCCOLOR = 2;
4432 /*unsigned short*/ t.SVG_PAINTTYPE_NONE = 101;
4433 /*unsigned short*/ t.SVG_PAINTTYPE_CURRENTCOLOR = 102;
4434 /*unsigned short*/ t.SVG_PAINTTYPE_URI_NONE = 103;
4435 /*unsigned short*/ t.SVG_PAINTTYPE_URI_CURRENTCOLOR = 104;
4436 /*unsigned short*/ t.SVG_PAINTTYPE_URI_RGBCOLOR = 105;
4437 /*unsigned short*/ t.SVG_PAINTTYPE_URI_RGBCOLOR_ICCCOLOR = 106;
4438 /*unsigned short*/ t.SVG_PAINTTYPE_URI = 107;
4439 /*readonly unsigned short*/ t.prototype.paintType = t.SVG_PAINTTYPE_UNKNOWN;
4440 /*readonly DOMString*/ t.prototype.uri = null;
4441 /*void*/ t.prototype.setUri = function(/*DOMString*/ uri ) {
4442 this.setPaint(SVGPaint.SVG_PAINTTYPE_URI_NONE, uri, null, null);
4444 /*void*/ t.prototype.setPaint = function(/*unsigned short*/ paintType, /*DOMString*/ uri, /*DOMString*/ rgbColor, /*DOMString*/ iccColor ) {
4445 if ((paintType < 101 && uri) || (paintType > 102 && !uri)) {
4446 throw new SVGException(SVGException.SVG_INVALID_VALUE_ERR);
4449 this.paintType = paintType;
4450 if (paintType === /*SVGPaint.SVG_PAINTTYPE_CURRENTCOLOR*/ 102) {
4451 paintType = /*SVGColor.SVG_COLORTYPE_CURRENTCOLOR*/ 3;
4453 this.setColor(paintType, rgbColor, iccColor); //SVGColorのsetColorメソッドを用いる
4455 // raises( SVGException );
4459 function SVGMarkerElement(){
4460 SVGElement.apply(this);
4461 var sl = SVGAnimatedLength;
4462 /*readonly SVGAnimatedLength*/ this.refX = new sl();
4463 /*readonly SVGAnimatedLength*/ this.refY = new sl();
4464 /*readonly SVGAnimatedEnumeration*/ this.markerUnits = new SVGAnimatedEnumeration();
4465 /*readonly SVGAnimatedLength*/ this.markerWidth = new sl();
4466 /*readonly SVGAnimatedLength*/ this.markerHeight = new sl();
4468 /*readonly SVGAnimatedEnumeration*/ this.orientType = new SVGAnimatedEnumeration();
4469 /*readonly SVGAnimatedAngle*/ this.orientAngle = new SVGAnimatedAngle();
4470 //SVGFitToViewBoxのインターフェースを用いる
4471 /*readonly SVGAnimatedRect*/ this.viewBox = new SVGAnimatedRect();
4472 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = new SVGAnimatedPreserveAspectRatio();
4473 /*unsigned short*/ this.zoomAndPan = SVGZoomAndPan.SVG_ZOOMANDPAN_DISABLE;
4477 // Marker Unit Types
4478 /*unsigned short*/ t.SVG_MARKERUNITS_UNKNOWN = 0;
4479 /*unsigned short*/ t.SVG_MARKERUNITS_USERSPACEONUSE = 1;
4480 /*unsigned short*/ t.SVG_MARKERUNITS_STROKEWIDTH = 2;
4481 // Marker Orientation Types
4482 /*unsigned short*/ t.SVG_MARKER_ORIENT_UNKNOWN = 0;
4483 /*unsigned short*/ t.SVG_MARKER_ORIENT_AUTO = 1;
4484 /*unsigned short*/ t.SVG_MARKER_ORIENT_ANGLE = 2;
4485 t.constructor = SVGElement;
4486 t.prototype = new SVGElement();
4487 /*void*/ t.prototype.setOrientToAuto = function() {
4490 /*void*/ t.prototype.setOrientToAngle = function(/*SVGAngle*/ angle ) {
4493 })(SVGMarkerElement);
4494 function SVGColorProfileElement() {
4495 SVGElement.apply(this);
4496 /*DOMString*/ this._local;
4497 // raises DOMException on setting
4498 // (NOTE: is prefixed by "_"
4499 // as "local" is an IDL keyword. The
4500 // prefix will be removed upon processing)
4501 /*DOMString*/ this.name;
4502 /*unsigned short*/ this.renderingIntent;
4503 SVGURIReference.apply(this, arguments);
4506 SVGColorProfileElement.constructor = SVGElement;
4507 SVGColorProfileElement.prototype = new SVGElement();
4509 function SVGColorProfileRule() {
4510 SVGCSSRule.apply(this);
4511 /*DOMString*/ this.src;
4512 /*DOMString*/ this.name;
4513 /*unsigned short*/ this.renderingIntent;
4516 SVGColorProfileRule.constructor = SVGCSSRule;
4517 SVGColorProfileRule.prototype = new SVGCSSRule();
4519 function SVGGradientElement() {
4520 SVGElement.apply(this);
4521 SVGURIReference.apply(this);
4522 /*readonly SVGAnimatedEnumeration*/ this.gradientUnits = new SVGAnimatedEnumeration();
4523 /*readonly SVGAnimatedTransformList*/ this.gradientTransform = new SVGAnimatedTransformList();
4524 /*readonly SVGAnimatedEnumeration*/ this.spreadMethod = new SVGAnimatedEnumeration();
4525 this.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
4526 var grad = evt.target,
4528 t = evt._style, //eleはv:fill要素やv:stroke要素のノード、tはラップした要素ノードのスタイルを収納
4530 href, stops, length,
4535 if (!ele || !grad) { //まだ、path要素などが設定されていない場合
4536 grad = ele = t = grad2 = href = stops = length = color = colors = opacity = void 0;
4539 if (grad._instance) { //xlink言語で呼び出されたノードが_instanceに収納されているならば
4540 grad2 = grad._instance;
4542 stops = grad2.getElementsByTagNameNS("http://www.w3.org/2000/svg", "stop");
4544 ele = t = href = grad = grad2 = stops = color = colors = opacity = void 0;
4547 length = stops.length;
4548 for (var i = 0; i < length; ++i) {
4550 sstyle = stop.ownerDocument.defaultView.getComputedStyle(stop, "");
4551 ci = sstyle.getPropertyCSSValue("stop-color");
4552 if (ci && (ci.colorType === /*SVGColor.SVG_COLORTYPE_CURRENTCOLOR*/ 3)) {
4553 /*再度、設定。css.jsのsetPropertyを参照*/
4554 sstyle.setProperty("color", sstyle.getPropertyValue("color"));
4556 color[i] = "rgb(" +ci.rgbColor.red.getFloatValue(1)+ "," +ci.rgbColor.green.getFloatValue(1)+ "," +ci.rgbColor.blue.getFloatValue(1)+ ")";
4557 colors[i] = stop.offset.baseVal + " " + color[i];
4558 opacity[i] = (sstyle.getPropertyValue("stop-opacity") || 1) * t.getPropertyValue("fill-opacity") * t.getPropertyValue("opacity");
4560 ele["method"] = "none";
4561 ele["color"] = color[0];
4562 ele["color2"] = color[length-1];
4563 ele["colors"] = colors.join(",");
4564 // When colors attribute is used, the meanings of opacity and o:opacity2 are reversed.
4565 ele["opacity"] = opacity[length-1]+ "";
4566 ele["o:opacity2"] = opacity[0]+ "";
4567 /*SVGRadialGradientElementインターフェースで利用する*/
4568 grad._color = color;
4569 var gt = grad2.getAttributeNS(null, "gradientTransform");
4571 grad.setAttributeNS(null, "transform", gt);
4573 grad = grad2 = ele = stops = length = color = colors = opacity = evt = t = href = stop = sstyle = ci = void 0;
4577 SVGGradientElement.constructor = SVGElement;
4578 SVGGradientElement.prototype = new SVGElement();
4579 // Spread Method Types
4580 /*unsigned short*/ SVGGradientElement.SVG_SPREADMETHOD_UNKNOWN = 0;
4581 /*unsigned short*/ SVGGradientElement.SVG_SPREADMETHOD_PAD = 1;
4582 /*unsigned short*/ SVGGradientElement.SVG_SPREADMETHOD_REFLECT = 2;
4583 /*unsigned short*/ SVGGradientElement.SVG_SPREADMETHOD_REPEAT = 3;
4585 function SVGLinearGradientElement() {
4586 SVGGradientElement.apply(this);
4587 var sl = SVGAnimatedLength;
4588 /*readonly SVGAnimatedLength*/ this.x1 = new sl();
4589 /*readonly SVGAnimatedLength*/ this.y1 = new sl();
4590 /*readonly SVGAnimatedLength*/ this.x2 = new sl();
4591 /*readonly SVGAnimatedLength*/ this.y2 = new sl();
4593 this.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
4594 var grad = evt.target, ele = evt._tar, angle = 270;
4595 if (!!!ele) { //まだ、path要素などが設定されていない場合
4598 var style = grad.ownerDocument.defaultView.getComputedStyle(grad, "");
4599 var fontSize = parseFloat(style.getPropertyValue("font-size"));
4600 grad.x1.baseVal._emToUnit(fontSize);
4601 grad.y1.baseVal._emToUnit(fontSize);
4602 grad.x2.baseVal._emToUnit(fontSize);
4603 grad.y2.baseVal._emToUnit(fontSize);
4604 angle = 270 - Math.atan2(grad.y2.baseVal.value-grad.y1.baseVal.value, grad.x2.baseVal.value-grad.x1.baseVal.value) * 180 / Math.PI;
4608 ele.setAttribute("type", "gradient");
4609 ele.setAttribute("angle", angle + "");
4610 evt = ele = grad = angle = style = fontSize = void 0;
4614 SVGLinearGradientElement.constructor = SVGGradientElement;
4615 SVGLinearGradientElement.prototype = new SVGGradientElement();
4617 function SVGRadialGradientElement(_doc) {
4618 SVGGradientElement.apply(this);
4619 var sl = SVGAnimatedLength;
4620 /*readonly SVGAnimatedLength*/ this.cx = new sl();
4621 /*readonly SVGAnimatedLength*/ this.cy = new sl();
4622 /*readonly SVGAnimatedLength*/ this.r = new sl();
4623 /*readonly SVGAnimatedLength*/ this.fx = new sl();
4624 /*readonly SVGAnimatedLength*/ this.fy = new sl();
4626 this.cx.baseVal.value = this.cy.baseVal.value = this.r.baseVal.value = 0.5;
4627 this.addEventListener("DOMNodeInsertedIntoDocument", function(evt) {
4628 var grad = evt.target,
4630 tar = evt._ttar; //eleはv:fill要素。tarはターゲットとになる要素
4631 if (!!!ele) { //まだ、path要素などが設定されていない場合
4634 ele.setAttribute("type", "gradientTitle");
4635 ele.setAttribute("focus", "100%");
4636 ele.setAttribute("focusposition", "0.5 0.5");
4637 if (tar.localName === "rect") {
4638 /*VMLでは、図の形状に沿って、円状のグラデーションを処理するようになっているため、
4639 *四角だとおかしな模様が出てしまう。以下はそれを避ける処理
4641 var style = grad.ownerDocument.defaultView.getComputedStyle(tar, ""),
4642 fontSize = parseFloat(style.getPropertyValue("font-size"));
4643 grad.cx.baseVal._emToUnit(fontSize);
4644 grad.cy.baseVal._emToUnit(fontSize);
4645 grad.r.baseVal._emToUnit(fontSize);
4646 grad.fx.baseVal._emToUnit(fontSize);
4647 grad.fy.baseVal._emToUnit(fontSize);
4648 var cx = grad.cx.baseVal.value,
4649 cy = grad.cy.baseVal.value,
4650 r = grad.r.baseVal.value,
4654 var tarrect = tar.getBBox(),
4655 vi = tar.ownerDocument.documentElement.viewport,
4660 units = grad.getAttributeNS(null, "gradientUnits");
4661 if (!units || units === "objectBoundingBox") {
4662 //%の場合は小数点に変換(10% -> 0.1)
4663 cx = cx > 1 ? cx/100 : cx;
4664 cy = cy > 1 ? cy/100 : cy;
4665 r = r > 1 ? r/100 : r;
4666 //要素の境界領域を求める(四隅の座標を求める)
4669 wid = tarrect.width,
4670 hei = tarrect.height;
4675 nx = ny = wid = hei = void 0;
4677 var matrix = tar.getScreenCTM().multiply(grad.getCTM());
4682 var rrx = rx * 0.55228,
4684 list = ["m", cx,et, "c", cx-rrx,et, el,cy-rry, el,cy, el,cy+rry, cx-rrx,eb, cx,eb, cx+rrx,eb, er,cy+rry, er,cy, er,cy-rry, cx+rrx,et, cx,et, "x e"];
4685 for (var i = 0, lili = list.length; i < lili;) {
4686 if (isNaN(list[i])) { //コマンド文字は読み飛ばす
4690 var p = grad.ownerDocument.documentElement.createSVGPoint();
4691 p.x = parseFloat(list[i]);
4692 p.y = parseFloat(list[i+1]);
4693 var pmt = p.matrixTransform(matrix);
4694 list[i] = mr(pmt.x);
4696 list[i] = mr(pmt.y);
4700 var ellipse = list.join(" "),
4701 outline = _doc.getElementById("_NAIBU_outline"),
4702 background = _doc.createElement("div"),
4703 bstyle = background.style;
4704 bstyle.position = "absolute";
4705 bstyle.display = "inline-block";
4708 bstyle.textAlign = "left";
4710 bstyle.left = "0px";
4711 bstyle.width = w+ "px";
4712 bstyle.height = h+ "px";
4713 outline.appendChild(background);
4714 bstyle.filter = "progid:DXImageTransform.Microsoft.Compositor";
4715 background.filters.item('DXImageTransform.Microsoft.Compositor').Function = 23;
4716 var circle = '<v:shape style="display:inline-block; position:relative; antialias:false; top:0px; left:0px;" coordsize="' +w+ ' ' +h+ '" path="' +ellipse+ '" stroked="f">' +ele.outerHTML+ '</v:shape>',
4717 data = tar._tar.path.value;
4718 background.innerHTML = '<v:shape style="display:inline-block; position:relative; top:0px; left:0px;" coordsize="' +w+ ' ' +h+ '" path="' +data+ '" stroked="f" fillcolor="' +grad._color[grad._color.length-1]+ '" ></v:shape>';
4719 background.filters[0].apply();
4720 background.innerHTML = circle;
4721 background.filters[0].play();
4722 tar._tar.parentNode.insertBefore(background, tar._tar);
4723 tar._tar.filled = "false";
4724 ellipse = outline = background = style = fontSize = bstyle = circle = data = list = mr = gt = cx = cy = r = w = h = matrix = void 0;
4725 } else if (!ele.parentNode){
4726 tar._tar.appendChild(ele);
4728 evt = tar = ele = gard = void 0;
4732 SVGRadialGradientElement.constructor = SVGGradientElement;
4733 SVGRadialGradientElement.prototype = new SVGGradientElement();
4735 function SVGStopElement() {
4736 SVGElement.apply(this, arguments);
4737 /*readonly SVGAnimatedNumber*/ this.offset = new SVGAnimatedNumber();
4738 this.addEventListener("DOMAttrModified", function(evt) {
4739 if (evt.attrName === "offset") {
4740 evt.target.offset.baseVal = parseFloat(evt.newValue);
4746 SVGStopElement.constructor = SVGElement;
4747 SVGStopElement.prototype = new SVGElement();
4749 function SVGPatternElement() {
4750 SVGElement.apply(this);
4751 var sl = SVGAnimatedLength;
4752 /*readonly SVGAnimatedEnumeration*/ this.patternUnits = new SVGAnimatedEnumeration();
4753 /*readonly SVGAnimatedEnumeration*/ this.patternContentUnits = new SVGAnimatedEnumeration();
4754 /*readonly SVGAnimatedTransformList*/ this.patternTransform = new SVGAnimatedTransformList();
4755 /*readonly SVGAnimatedLength*/ this.x = new sl();
4756 /*readonly SVGAnimatedLength*/ this.y = new sl();
4757 /*readonly SVGAnimatedLength*/ this.width = new sl();
4758 /*readonly SVGAnimatedLength*/ this.height = new sl();
4760 SVGURIReference.apply(this, arguments);
4761 //SVGFitToViewBoxのインターフェースを用いる
4762 /*readonly SVGAnimatedRect*/ this.viewBox = new SVGAnimatedRect();
4763 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = new SVGAnimatedPreserveAspectRatio();
4764 /*unsigned short*/ this.zoomAndPan = SVGZoomAndPan.SVG_ZOOMANDPAN_DISABLE;
4767 SVGPatternElement.constructor = SVGElement;
4768 SVGPatternElement.prototype = new SVGElement();
4770 function SVGClipPathElement() {
4771 SVGElement.apply(this, arguments);
4772 /*readonly SVGAnimatedEnumeration*/ this.clipPathUnits = new SVGAnimatedEnumeration();
4775 SVGClipPathElement.constructor = SVGElement;
4776 SVGClipPathElement.prototype = new SVGElement();
4778 function SVGMaskElement() {
4779 SVGElement.apply(this);
4780 var sl = SVGAnimatedLength;
4781 /*readonly SVGAnimatedEnumeration*/ this.maskUnits = new SVGAnimatedEnumeration();
4782 /*readonly SVGAnimatedEnumeration*/ this.maskContentUnits = new SVGAnimatedEnumeration();
4783 /*readonly SVGAnimatedLength*/ this.x = new sl();
4784 /*readonly SVGAnimatedLength*/ this.y = new sl();
4785 /*readonly SVGAnimatedLength*/ this.width = new sl();
4786 /*readonly SVGAnimatedLength*/ this.height = new sl();
4790 SVGMaskElement.constructor = SVGElement;
4791 SVGMaskElement.prototype = new SVGElement();
4793 function SVGFilterElement() {
4794 SVGElement.apply(this);
4795 var sl = SVGAnimatedLength;
4796 /*readonly SVGAnimatedEnumeration*/ this.filterUnits = new SVGAnimatedEnumeration();
4797 /*readonly SVGAnimatedEnumeration*/ this.primitiveUnits = new SVGAnimatedEnumeration();
4798 /*readonly SVGAnimatedLength*/ this.x = new sl();
4799 /*readonly SVGAnimatedLength*/ this.y = new sl();
4800 /*readonly SVGAnimatedLength*/ this.width = new sl();
4801 /*readonly SVGAnimatedLength*/ this.height = new sl();
4803 /*readonly SVGAnimatedInteger*/ this.filterResX = new SVGAnimatedInteger();
4804 /*readonly SVGAnimatedInteger*/ this.filterResY = new SVGAnimatedInteger();
4805 SVGURIReference.apply(this, arguments);
4806 //setFilterRes (/*unsigned long*/ filterResX,/*unsigned long*/ filterResY );
4809 SVGFilterElement.constructor = SVGElement;
4810 SVGFilterElement.prototype = new SVGElement();
4812 function SVGFilterPrimitiveStandardAttributes(ele) {
4813 SVGStylable.apply(this, arguments);
4815 var sl = SVGAnimatedLength;
4816 /*readonly SVGAnimatedLength*/ this.x = new sl();
4817 /*readonly SVGAnimatedLength*/ this.y = new sl();
4818 /*readonly SVGAnimatedLength*/ this.width = new sl();
4819 /*readonly SVGAnimatedLength*/ this.height = new sl();
4820 /*readonly SVGAnimatedString*/ this.result = new sl();
4823 SVGFilterPrimitiveStandardAttributes.constructor = SVGStylable;
4824 SVGFilterPrimitiveStandardAttributes.prototype = new SVGStylable();
4826 function SVGFEBlendElement() {
4827 SVGElement.apply(this, arguments);
4828 /*readonly SVGAnimatedString*/ this.in1 = new SVGAnimatedString();
4829 /*readonly SVGAnimatedString*/ this.in2 = new SVGAnimatedString();
4830 /*readonly SVGAnimatedEnumeration*/ this.mode = new SVGAnimatedEnumeration();
4831 this._fpsa = SVGFilterPrimitiveStandardAttributes(this);
4834 SVGFEBlendElement.constructor = SVGElement;
4835 SVGFEBlendElement.prototype = new SVGElement();
4837 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_UNKNOWN = 0;
4838 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_NORMAL = 1;
4839 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_MULTIPLY = 2;
4840 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_SCREEN = 3;
4841 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_DARKEN = 4;
4842 /*unsigned short*/ SVGFEBlendElement.SVG_FEBLEND_MODE_LIGHTEN = 5;
4844 function SVGFEGaussianBlurElement() {
4845 SVGElement.apply(this, arguments);
4846 /*readonly SVGAnimatedString*/ this.in1 = new SVGAnimatedString();
4847 /*readonly SVGAnimatedNumber*/ this.stdDeviationX = new SVGAnimatedNumber();
4848 /*readonly SVGAnimatedNumber*/ this.stdDeviationY = new SVGAnimatedNumber();
4849 this._fpsa = SVGFilterPrimitiveStandardAttributes(this);
4852 SVGFEGaussianBlurElement.constructor = SVGElement;
4853 SVGFEGaussianBlurElement.prototype = new SVGElement();
4854 /*void*/ SVGFEGaussianBlurElement.prototype.setStdDeviation = function(/*float*/ stdDeviationX, /*float*/ stdDeviationY ) {
4858 function SVGCursorElement() {
4859 SVGElement.apply(this, arguments);
4860 /*readonly SVGAnimatedLength*/ this.x = new SVGAnimatedLength();
4861 /*readonly SVGAnimatedLength*/ this.y = new SVGAnimatedLength();
4862 SVGURIReference.apply(this, arguments);
4865 SVGCursorElement.constructor = SVGElement;
4866 SVGCursorElement.prototype = new SVGElement();
4868 function SVGAElement(_doc) {
4869 SVGElement.apply(this);
4870 this._tar = _doc.createElement("a");
4872 /*readonly SVGAnimatedString*/ this.target = new SVGAnimatedString();
4873 this.target.baseVal = "_self";
4874 this.addEventListener("DOMAttrModified", function(evt){
4875 var tar = evt.target;
4876 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
4879 if (evt.attrName === "target") {
4880 tar.target.baseVal = evt.newValue;
4881 } else if (evt.attrName === "xlink:title") {
4882 tar._tar.setAttribute("title", evt.newValue);
4886 this.addEventListener("DOMNodeInserted", function(evt){
4887 var tar = evt.target;
4888 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
4891 if (tar.nextSibling) {
4892 if (!!tar.parentNode._tar && !!tar.nextSibling._tar) {
4893 tar.parentNode._tar.insertBefore(tar._tar, tar.nextSibling._tar);
4895 } else if (!!tar.parentNode._tar){
4896 tar.parentNode._tar.appendChild(tar._tar);
4898 var txts = tar._tar.style;
4899 txts.cursor = "hand";
4902 txts.textDecoration = "none";
4904 var t = tar.target.baseVal;
4906 if (t === "_blank") {
4909 tar.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:show", st);
4910 tar._tar.style.color = tar.ownerDocument.defaultView.getComputedStyle(tar, "").getPropertyValue("fill");
4913 this.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
4914 var tar = evt.target;
4915 if (!!tar._tar && (tar.nodeType === /*Node.ELEMENT_NODE*/ 1)) {
4916 var txts = tar._tar.style;
4917 txts.cursor = "hand";
4918 txts.textDecoration = "none";
4924 this.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
4925 var tar = evt.target;
4926 tar._tar.setAttribute("target", tar.target.baseVal);
4927 if (tar.href.baseVal.indexOf(".svg") !== -1) { //もし、リンク先がSVGファイルならば
4928 tar.addEventListener("click", function(evt){
4929 var tar = evt.target,
4932 sd.lastChild.innerHTML = "<object data='" +tar.href.baseVal.split("#")[0]+ "' width='" +screen.width+ "' height='" +screen.height+ "' type='image/svg+xml'></object>";
4933 if (tar.target.baseVal === "_self") {
4934 nd = tar.ownerDocument._iframe;
4935 nd.parentNode.insertBefore(sd.lastChild.firstChild, nd);
4936 ob = nd.nextSibling;
4937 if (ob && (ob.tagName === "OBJECT")) {
4938 nd.previousSibling.setAttribute("width", ob.getAttribute("width"));
4939 nd.previousSibling.setAttribute("height", ob.getAttribute("height"));
4940 nd.parentNode.removeChild(ob);
4942 ob = NAIBU._search([nd.previousSibling]);
4943 nd.parentNode.removeChild(nd);
4945 sd.appendChild(sd.lastChild.firstChild);
4946 while (sd.firstChild !== sd.lastChild) { //オブジェクト要素以外を除去
4947 sd.removeChild(sd.firstChild);
4949 ob = NAIBU._search([sd.lastChild]);
4951 NAIBU.doc = new ActiveXObject("MSXML2.DomDocument");
4952 evt.preventDefault();
4954 _init: (function (ob) {
4956 document.title = ob.getSVGDocument().title;
4962 sd = ob = nd = void 0;
4967 SVGURIReference.apply(this, arguments);
4970 SVGAElement.constructor = SVGElement;
4971 SVGAElement.prototype = new SVGElement();
4973 function SVGViewElement() {
4974 SVGElement.apply(this, arguments);
4975 /*readonly SVGStringList*/ this.viewTarget = new SVGStringList();
4976 //SVGFitToViewBoxのインターフェースを用いる
4977 /*readonly SVGAnimatedRect*/ this.viewBox = new SVGAnimatedRect();
4978 /*readonly SVGAnimatedPreserveAspectRatio*/ this.preserveAspectRatio = new SVGAnimatedPreserveAspectRatio();
4979 /*unsigned short*/ this.zoomAndPan = SVGZoomAndPan.SVG_ZOOMANDPAN_DISABLE;
4982 SVGViewElement.constructor = SVGElement;
4983 SVGViewElement.prototype = new SVGElement();
4985 function SVGScriptElement() {
4986 SVGElement.apply(this);
4987 /*DOMString*/ this.type;
4988 SVGURIReference.apply(this, arguments);
4989 this.addEventListener("DOMAttrModified", function(evt){
4990 if (evt.attrName === "type") {
4991 evt.target.type = evt.newValue;
4995 this.addEventListener("S_Load", function(evt){
4996 var tar = evt.target, script = tar._text;
4997 var tod = tar.ownerDocument;
4998 NAIBU._temp_doc = tod;
4999 script = script.replace(/function\s+(\w+)/g, "$1 = function");
5000 script = "(function(document){" +script+ "})(NAIBU._temp_doc);"
5003 } catch (e) { //IE9では、documentがconstとして定数指定されているため、引数として指定できない
5004 script = script.replace(/function\(document\){/, "function() {");
5007 tar = evt = script = void 0;
5009 this.addEventListener("DOMNodeInserted", function(evt){
5010 var tar = evt.target;
5011 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5012 if (tar.nodeName === "#cdata-section") {
5013 evt.currentTarget._text = tar.data;
5017 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5018 var tar = evt.target;
5019 if (evt.eventPhase === Event.AT_TARGET && !tar.getAttributeNodeNS("http://www.w3.org/1999/xlink", "xlink:href")) {
5020 var evtt = tar.ownerDocument.createEvent("SVGEvents");
5021 evtt.initEvent("S_Load", false, false);
5022 evt.currentTarget.dispatchEvent(evtt);
5029 SVGScriptElement.constructor = SVGElement;
5030 SVGScriptElement.prototype = new SVGElement();
5032 function SVGEvent() {
5033 Event.apply(this, arguments);
5036 SVGEvent.constructor = Event;
5037 SVGEvent.prototype = new Event();
5039 function SVGZoomEvent() {
5040 UIEvent.apply(this, arguments);
5041 /*readonly SVGRect*/ this.zoomRectScreen = new SVGRect();
5042 /*readonly float*/ this.previousScale = 1;
5043 /*readonly SVGPoint*/ this.previousTranslate = new SVGPoint();
5044 /*readonly float*/ this.newScale = 1;
5045 /*readonly SVGPoint*/ this.newTranslate = new SVGPoint();
5048 SVGZoomEvent.constructor = UIEvent;
5049 SVGZoomEvent.prototype = new UIEvent();
5051 function SVGAnimationElement(es) {
5055 SVGElement.apply(this);
5056 /*SIEにおけるSVGElementでは、fill属性とStyleSheetを結びつける機構があるため、
5057 *styleのsetPropertyメソッドを無効化させておく必要がある
5059 this.style.setProperty = function(){};
5061 /*readonly SVGElement*/ this.targetElement;
5062 this._beginValue = "0ms";
5063 this._endValue = null;
5064 this._currentFrame = 0;
5065 this._currentCount = 0;
5066 /*_maxCountはrepeatCount属性で指定された数値
5067 *_maxDurはrepeatDur属性で指定された数値
5071 this._isRepeat = false;
5072 /*_simpleDurationプロパティは
5073 *dur属性の数値を収納しておく。属性がなければnullのまま
5075 this._simpleDuration = null;
5076 /*_beginと_endプロパティはミリ秒数を収納する。リピート時に書き換えられることがある。
5077 *_beginはアニメ開始時の秒数。_endはアニメ終了時の秒数。
5078 *なお、文書読み込み終了時(アニメ開始時刻)の秒数を0とする。
5082 this._from = this._to = this._values = this._by = null;
5083 this._keyTimes = null;
5084 this.addEventListener("beginEvent", function(evt) {
5085 var tar = evt.target;
5086 if (!tar.isRepeat) {
5087 tar.endElementAt(tar.getSimpleDuration());
5089 tar.beginElementAt(tar.getSimpleDuration());
5090 if (tar.getCurrentTime() !== 0) {
5091 var ttd = tar.ownerDocument, evt = ttd.createEvent("TimeEvents");
5092 tar._currentCount++;
5093 evt.initTimeEvent("repeatEvent", ttd.defaultView, tar._currentCount);
5094 tar.dispatchEvent(evt);
5098 this.addEventListener("DOMAttrModified", function(evt){
5099 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5102 var tar = evt.target, name = evt.attrName;
5103 if (name === "begin") {
5104 tar._beginValue = evt.newValue;
5105 } else if (name === "end") {
5106 tar._endValue = evt.newValue;
5107 } else if (name === "dur") {
5108 tar._simpleDuration = tar._getOffset(evt.newValue);
5109 } else if (name === "repeatCount") {
5110 tar._maxCount = parseFloat(evt.newValue);
5111 tar._isRepeat = true;
5112 } else if (name === "repeatDur") {
5113 tar._maxDur = parseFloat(evt.newValue);
5114 tar._isRepeat = true;
5115 } else if (name === "from") {
5116 tar._from = evt.newValue;
5117 } else if (name === "to") {
5118 tar._to = evt.newValue;
5119 } else if (name === "values") {
5120 tar._values = evt.newValue.split(";");
5121 } else if (name === "by") {
5122 tar._by = evt.newValue;
5123 } else if (name === "keyTimes") {
5124 var s = evt.newValue.split(";");
5125 tar._keyTimes = []; //_keyTimesプロパティを初期化
5126 for (var i=0;i<s.length;++i) {
5127 tar._keyTimes[i] = parseFloat(s[i]);
5133 this.addEventListener("DOMNodeInserted", function(evt){
5134 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5137 var tar = evt.target;
5138 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5139 var tar = evt.target;
5140 /*以降の場合分けルールに関しては、下記の仕様を参照
5141 *http://www.jsa.or.jp/stdz/instac/syoukai/H13/H13annual_report/12/ngc-wg3/offline/smil_20_20020131/animation.html#AnimationNS-FromToBy
5144 } else if (tar._from && tar._to) {
5145 tar._values = [tar._from, tar._to];
5146 } else if (tar._from && tar._by) {
5147 var n = parseFloat(tar._from) + parseFloat(tar._by), tanni = tar._from.match(/\D+/) || [""];
5148 tar._values = [tar._from, n+tanni[0]];
5149 } else if (tar._to) {
5150 tar._values = [null, tar._to];
5151 } else if (tar._by) {
5152 tar._values = [null, null, tar._by];
5153 } else if (!tar.hasChildNodes() && !tar.hasAttributeNS(null, "path")) { //SVGAnimateMotionElementに留意
5154 /*アニメーションの効果が出ないように調整する
5157 *>if none of the from, to, by or values attributes are specified, the animation will have no effect
5158 *「3.2.2. Animation function values」より引用
5159 *http://www.w3.org/TR/2001/REC-smil-animation-20010904/#AnimFuncValues
5163 if (tar.hasAttributeNS("http://www.w3.org/1999/xlink", "xlink:href")) {
5164 tar.targetElement = tar.ownerDocument.getElementById(tar.getAttributeNS("http://www.w3.org/1999/xlink", "xlink:href").substring(1))
5166 tar.targetElement = tar.parentNode;
5168 tar._eventSync(tar._beginValue,
5169 (function(te, offse, ta, t) {
5170 ta.addEventListener( t.match(te._eventRegExp)[0],
5173 te.beginElementAt(offse);
5175 te._begin = NAIBU.Time.currentFrame;
5180 }), "beginElementAt");
5181 if (tar._endValue) {
5182 tar._eventSync(tar._endValue,
5183 (function(te, offse, ta, t) {
5184 ta.addEventListener( t.match(te._eventRegExp)[0],
5186 te.endElementAt(offse);
5188 }), "endElementAt");
5194 this.addEventListener("repeatEvent", function(evt) {
5195 var tar = evt.target;
5196 if ((tar._currentCount >= tar._maxCount) || (tar.getCurrentTime() >= (tar._maxDur+tar.getStartTime()))) {
5197 tar._isRepeat = false;
5202 SVGAnimationElement.constructor = SVGElement;
5203 SVGAnimationElement.prototype = new SVGElement();
5204 /*以下のメソッド(beginElementなど)については、
5205 *別モジュールであるsmil::ElementTimeControl(smil.js)を参照のこと
5207 /*void*/ SVGAnimationElement.prototype.beginElement = function() {
5208 var ttd = this.ownerDocument, evt = ttd.createEvent("TimeEvents");
5209 evt.initTimeEvent("beginEvent", ttd.defaultView, 0);
5210 this.dispatchEvent(evt);
5212 /*void*/ SVGAnimationElement.prototype.endElement = function() {
5213 var ttd = this.ownerDocument, evt = ttd.createEvent("TimeEvents");
5214 evt.initTimeEvent("endEvent", ttd.defaultView, 0);
5215 this.dispatchEvent(evt);
5217 /*void*/ SVGAnimationElement.prototype.beginElementAt = function(/*float*/ offset) {
5218 var ntc = this.ownerDocument.documentElement.getCurrentTime();
5219 this._begin = offset + ntc;
5221 /*void*/ SVGAnimationElement.prototype.endElementAt = function(/*float*/ offset) {
5222 var ntc = this.ownerDocument.documentElement.getCurrentTime();
5223 this._end = offset + ntc;
5225 SVGAnimationElement.prototype._eventRegExp = /(mouse|activ|clic|begi|en)[a-z]+/;
5226 SVGAnimationElement.prototype._timeRegExp = /[\-\d\.]+(h|min|s|ms)?/;
5227 SVGAnimationElement.prototype._unit = {
5234 * どれだけズレの時間があるかを計測するメソッド
5235 *tに数値が使われていないときは0を返す
5236 *これはSMILアニメーションモジュールの以下の記述にあるように、値のデフォルトが0であることに起因する
5237 *http://www.w3.org/TR/2001/REC-smil20-20010807/smil-timing.html#Timing-Ex:0DurDiscreteMedia
5238 *http://www.w3.org/TR/2001/REC-smil20-20010807/smil-timing.html#Timing-DurValueSemantics
5239 ** Note that when the simple duration is "indefinite", some simple use cases can yield surprising results. See the related example #4 in Appendix B.
5241 SVGAnimationElement.prototype._getOffset = function(/*string*/ t) {
5242 var n = parseFloat(t.match(this._timeRegExp));
5243 if (!isNaN(n) && RegExp.$1) {
5244 var offset = n * this._unit[RegExp.$1]
5245 } else if (!isNaN(n)) {
5254 *イベントがある場合とない場合とで、別々の処理に分けるメソッド
5256 SVGAnimationElement.prototype._eventSync = function(/*string*/ t, /*function*/ f, /*string*/ methodName) {
5257 var offset = this._getOffset(t);
5258 this._begin = NAIBU.Time.Max;
5259 if ( /(mouse|activ|click|begin|end)/.test(t) ) { //イベントがある場合
5261 if ( /([^;]+)\.\D/.test(t) ) {
5262 tar = this.ownerDocument.getElementById(RegExp.$1);
5264 tar = this.targetElement;
5266 if (!offset && offset !== 0) {
5267 offset = NAIBU.Time.Max;
5269 f(this, offset, tar, t);
5270 } else if (!offset && (t !== "undefined") && (offset !== 0)) {
5273 this[methodName](offset);
5276 /*float*/ SVGAnimationElement.prototype.getStartTime = function(){
5277 if (!!this._begin || (this._begin === 0)) {
5278 return (this._begin);
5280 throw new DOMException(DOMException.INVALID_STATE_ERR);
5283 /*getCurrentTimeメソッド
5285 *決して現在時刻ではない。要素のbeginイベントの発火したときが0sである。
5287 /*float*/ SVGAnimationElement.prototype.getCurrentTime = function(){
5288 return (this._currentFrame * 125 * 0.8);
5290 /*float*/ SVGAnimationElement.prototype.getSimpleDuration = function(){
5291 if (!!!this._simpleDuration && !!!this._end && (this._simpleDuration !== 0)) {
5292 throw new DOMException(DOMException.NOT_SUPPORTED_ERR);
5293 } else if (!!this._simpleDuration && !!this._end) {
5294 var s = (this._simpleDuration > this._end - this._begin) ? this._end - this._begin : this._simpleDuration;
5296 var s = !!this._end ? this._end - this._begin : this._simpleDuration;
5300 //raises( DOMException );
5304 start : function() {
5305 if (NAIBU.Clip.length > 0) {
5306 screen.updateInterval = 42; //24fpsとして描画処理
5307 window.onscroll = function () {
5308 screen.updateInterval = 0;
5309 screen.updateInterval = 42;
5311 NAIBU.stop = setInterval( (function() {
5313 var ntc = NAIBU.Time.currentFrame++;
5314 var nc = NAIBU.Clip;
5315 var s = ntc * 100; //フレーム数ntcをミリ秒数sに変換
5316 if (ntc > NAIBU.Time.Max) {
5317 clearInterval(NAIBU.stop);
5319 for (var i=0,ncli=nc.length;i<ncli;++i) {
5321 nci.ownerDocument.documentElement.setCurrentTime(s);
5322 if ("_begin" in nci) {
5323 if (nci.getStartTime() <= s) {
5324 if (nci.getCurrentTime() === 0) {
5327 nci._currentFrame++;
5329 if (nci._end && (nci._end <= s) && (nci.getCurrentTime() !== 0)) {
5331 nci._frame && nci._frame();
5332 nci._currentFrame = 0;
5335 } else if (!!nci._frame) {
5348 window.onscroll = function () {
5349 screen.updateInterval = 0;
5350 window.onscroll = NAIBU.emptyFunction;
5357 function SVGAnimateElement(){
5358 SVGAnimationElement.apply(this);
5359 /*NAIBU.Clipについては、NAIBU.Timeで使う
5360 *くわしくはNAIBU.Time.start関数のコードを参照
5362 NAIBU.Clip[NAIBU.Clip.length] = this;
5364 *機械が理解できる形で保管されているvalueの値の配列リスト
5366 this._valueList = [];
5367 this._isDiscrete = false;
5368 this.addEventListener("DOMAttrModified", function(evt){
5369 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5372 if ((evt.attrName === "calcMode") && (evt.newValue === "discrete")) {
5373 evt.target._isDiscrete = true;
5376 this.addEventListener("DOMNodeInserted", function(evt){
5377 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5380 var tar = evt.target;
5381 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5382 var tar = evt.target,
5383 attrName = tar.getAttributeNS(null, "attributeName"),
5384 ttr = tar.targetElement,
5385 tta = ttr[attrName];
5386 /*tar.valuesのリスト: ["12px", "13px"]
5387 *tar._valueList: [(new SVGPoint()), (new SVGPoint())]
5388 * tar.valuesを機械が理解できるように変換したものがtar._valueList
5389 *この_valueListプロパティはアニメの際に使うので、_valuesプロパティはアニメ中に使わないことに注意
5391 var vi = ttr.cloneNode(false);
5392 if (!tar._values[0]) { //to属性か、by属性が設定されている場合
5393 var ttrs = ttr.ownerDocument.defaultView.getComputedStyle(ttr, "");
5394 tar._values[0] = ttr.getAttributeNS(null, attrName) || ttrs.getPropertyValue(attrName);
5395 if (!tar._values[1] && tar._values[2]) { //by属性のみが設定されている場合
5396 var v2 = parseFloat(tar._values[0]) + parseFloat(tar._values[2]), tanni = tar._values[0].match(/\D+/) || [""];
5397 tar._values[1] = v2 + tanni[0];
5399 v2 = tanni = void 0;
5402 if ("animatedPoints" in ttr) {
5403 ttr.animatedPoints = vi.points;
5404 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5405 var vir = ttr.cloneNode(false);
5407 vir.setAttributeNS(null, "points", tav[i]);
5408 tar._valueList[tar._valueList.length] = vir.points;
5411 tta.animVal = vi[attrName].baseVal;
5412 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5413 var vir = ttr.cloneNode(false); //仮の要素
5415 vir.setAttributeNS(null, attrName, tav[i]);
5416 tar._valueList[tar._valueList.length] = vir[attrName].baseVal;
5418 } else if (!!CSS2Properties[attrName] || attrName.indexOf("-") > -1) { //スタイルシートのプロパティならば
5419 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5420 if ((attrName === "fill") || (attrName === "stroke") || (attrName === "stop-color")) {
5421 tar._valueList[i] = new SVGPaint();
5422 tar._valueList[i].setPaint(1, null, tav[i], null)
5424 tar._valueList[i] = parseFloat(tav[i]);
5427 } else if ("normalizedPathSegList" in ttr) {
5428 ttr.animatedNormalizedPathSegList = vi.normalizedPathSegList;
5429 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5430 var vir = ttr.cloneNode(false);
5432 vir.setAttributeNS(null, "d", tav[i]);
5433 tar._valueList[tar._valueList.length] = vir.normalizedPathSegList;
5439 evt = tta = vir = vi = void 0;
5442 this.addEventListener("beginEvent", function(evt) {
5443 var tar = evt.target;
5444 var attrName = tar.getAttributeNS(null, "attributeName"), newAttr = tar.targetElement.attributes.getNamedItemNS(null, attrName);
5445 var ttr = tar.targetElement, tta = ttr[attrName];
5446 tar._frame = function() {
5447 var d = tar.getSimpleDuration() * 0.8, n = tar._valueList.length-1, tg = tar.getCurrentTime();
5448 if ((n !== -1) && (d !== 0) && (tg <= d)) {
5449 if (tar._isDiscrete) {
5450 ++n; //discreteモードは他のモードに比べて、分割数が多いことに注意
5452 var ii = Math.floor((tg*n) / d);
5453 if (ii === n) { //iiが境い目のときは、n-2を適用
5459 /*setAttrbute(NS)メソッドはDOM属性を書き換えるため利用しない。
5461 * 参照:アニメーションサンドイッチモデル
5462 * >アニメーションが起動している時,それは実際,DOMの中の属性値は変化しない。
5463 *http://www.jsa.or.jp/stdz/instac/syoukai/H13/H13annual_report/12/ngc-wg3/offline/smil_20_20020131/animation.html#animationNS-AnimationSandwichModel
5465 var evt = tar.ownerDocument.createEvent("MutationEvents");
5466 evt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5467 if (tar._keyTimes) {
5468 var di = (tar._keyTimes[ii+1] - tar._keyTimes[ii]) * d;
5469 var ti = tar._keyTimes[ii];
5471 var di = d / n; //keyTimesがなければ均等に時間を配分しておく
5474 if ("animatedPoints" in ttr) {
5475 var base = ttr.points;
5476 ttr.points = ttr.animatedPoints;
5477 ttr.dispatchEvent(evt);
5478 ttr.animatedPoints = ttr.points;
5481 var base = tta.baseVal, tanim = tta.animVal;
5482 var v1 = tar._valueList[ii].value;
5483 /*vを求める公式に関しては、SMIL2.0 Animation Moduleの単純アニメーション関数の項を参照
5484 * 3.4.2 Specifying the simple animation function f(t)
5485 *http://www.w3.org/TR/2005/REC-SMIL2-20050107/animation.html#animationNS-SpecifyingAnimationFunction
5487 if (!tar._isDiscrete) {
5488 var v2 = tar._valueList[ii+1].value, v = v1 + (v2-v1) * (tg-ti*d) / di;
5492 tanim.newValueSpecifiedUnits(base.unitType, v);
5493 tta.baseVal = tanim;
5495 ttr.dispatchEvent(evt);
5496 /*変化値はanimValプロパティに収納しておき、
5497 *変化する前の、元の値はbaseValプロパティに再び収納しておく
5499 tta.animVal = tta.baseVal;
5502 } else if (!!CSS2Properties[attrName] || attrName.indexOf("-") > -1) { //スタイルシートのプロパティならば
5504 var v1 = tar._valueList[ii].value, v2 = tar._valueList[ii+1].value;
5505 if (!tar._isDiscrete) {
5506 var v = v1 + (v2-v1) * (tg-ti*d) / di;
5510 } else if ("normalizedPathSegList" in ttr) {
5511 var base = ttr.normalizedPathSegList;
5512 ttr.normalizedPathSegList = ttr.animatedNormalizedPathSegList;
5513 ttr.dispatchEvent(evt);
5514 ttr.animatedNormalizedPathSegList = ttr.normalizedPathSegList;
5515 ttr.normalizedPathSegList = base;
5517 evt = v1 = v2 = v = d = n = ii = tg = void 0;
5521 this.addEventListener("endEvent", function(evt) {
5522 var tar = evt.target, fill = tar.getAttributeNS(null, "fill");
5523 if (!fill || (fill === "remove")) {
5524 var evt = tar.ownerDocument.createEvent("MutationEvents");
5525 evt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5526 tar.targetElement.dispatchEvent(evt);
5530 this.addEventListener("repeatEvent", function(evt) {
5531 var tar = evt.target;
5535 SVGAnimateElement.constructor = SVGAnimationElement;
5536 SVGAnimateElement.prototype = new SVGAnimationElement(1);
5538 function SVGSetElement(){
5539 SVGAnimationElement.apply(this);
5540 NAIBU.Clip[NAIBU.Clip.length] = this;
5542 this.addEventListener("DOMAttrModified", function(evt) {
5543 var tar = evt.target, name = evt.attrName;
5544 if (name === "to") {
5545 tar._to = evt.newValue;
5547 tar = name = void 0;
5549 this.addEventListener("beginEvent", function(evt) {
5550 var tar = evt.target;
5551 if (tar.targetElement) {
5552 var attrName = tar.getAttributeNS(null, "attributeName"),
5553 newAttr = tar.targetElement.attributes.getNamedItemNS(null, attrName),
5554 tta = tar.targetElement[attrName];
5555 if (!!CSS2Properties[attrName] || attrName.indexOf("-") > -1) { //スタイルシートのプロパティならば
5556 var style = tar.ownerDocument.getOverrideStyle(tar.targetElement, "");
5557 style.setProperty(attrName, tar.getAttributeNS(null, "to"), null);
5560 var base = tta.baseVal;
5561 if (base instanceof SVGLength) {
5562 tta.baseVal = tar.ownerDocument.documentElement.createSVGLength();
5563 } else if (base instanceof SVGRect) {
5564 tta.baseVal = tar.ownerDocument.documentElement.createSVGRect();
5566 /*setAttrbute(NS)メソッドはDOM属性を書き換えるため利用しない。
5568 * 参照:アニメーションサンドイッチモデル
5569 * >アニメーションが起動している時,それは実際,DOMの中の属性値は変化しない。
5570 *http://www.jsa.or.jp/stdz/instac/syoukai/H13/H13annual_report/12/ngc-wg3/offline/smil_20_20020131/animation.html#animationNS-AnimationSandwichModel
5572 var evt = tar.ownerDocument.createEvent("MutationEvents");
5573 evt.initMutationEvent("DOMAttrModified", true, false, newAttr, newAttr, tar._to, attrName, MutationEvent.MODIFICATION);
5574 tar.targetElement.dispatchEvent(evt);
5576 /*変化値はanimValプロパティに収納しておき、
5577 *変化する前の、元の値はbaseValプロパティに再び収納しておく
5579 tta.animVal = tta.baseVal;
5583 evt = tar = attrName = void 0;
5585 this.addEventListener("endEvent", function(evt) {
5586 var tar = evt.target,
5587 fill = tar.getAttributeNS(null, "fill");
5588 if (!fill || (fill === "remove")) {
5589 var attrName = tar.getAttributeNS(null, "attributeName"), style = tar.ownerDocument.defaultView.getComputedStyle(tar.targetElement, "");
5590 tar.targetElement.style.setProperty(attrName, style.getPropertyValue(attrName), null);
5591 var evtt = tar.ownerDocument.createEvent("MutationEvents");
5592 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5593 tar.targetElement.dispatchEvent(evtt);
5594 attrName = style = evtt = void 0;
5596 tar = fill = void 0;
5598 this.addEventListener("repeatEvent", function(evt) {
5599 var tar = evt.target, attrName = tar.getAttributeNS(null, "attributeName"), style = tar.ownerDocument.defaultView.getComputedStyle(tar.targetElement, "");
5603 SVGSetElement.constructor = SVGAnimationElement;
5604 SVGSetElement.prototype = new SVGAnimationElement(1);
5606 function SVGAnimateMotionElement(){
5607 SVGAnimationElement.apply(this);
5608 NAIBU.Clip[NAIBU.Clip.length] = this;
5609 this.addEventListener("DOMAttrModified", function(evt){
5610 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5613 var tar = evt.target,
5614 name = evt.attrName;
5615 if (name === "path") {
5616 var d = tar.ownerDocument.createElementNS("http://www.w3.org/2000/svg", "path");
5617 d.setAttributeNS(null, "d", evt.newValue);
5622 this.addEventListener("DOMNodeInserted", function(evt){
5623 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5626 var tar = evt.target;
5627 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5631 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5634 vlist[i] = [+ti[0], +ti[1]];
5636 tar._valueList = vlist;
5640 this.addEventListener("beginEvent", function(evt) {
5641 var tar = evt.target,
5642 trans = tar.targetElement.transform;
5643 /*アニメーション中に変化すべき値をanimValプロパティに入力して、
5646 trans.animVal = new SVGTransformList();
5647 if (trans.baseVal.numberOfItems !== 0) {
5648 trans.baseVal.consolidate();
5649 trans.animVal.initialize(trans.baseVal.createSVGTransformFromMatrix(trans.baseVal.getItem(0).matrix));
5651 trans.animVal.appendItem(tar.ownerDocument.documentElement.createSVGTransform());
5653 tar._frame = function() {
5656 tgsd = _tar.getSimpleDuration(),
5658 tg = _tar.getCurrentTime(),
5664 if (tpn) { //path属性が指定されていた場合、tpnは属性値となる
5665 var st = tpn.getTotalLength() * tg / d, //stは現在に至るまでの距離
5666 p = tpn.getPointAtLength(st),
5667 trans = _tar.targetElement.transform;
5668 trans.animVal.getItem(trans.animVal.numberOfItems-1).setTranslate(p.x, p.y);
5669 var base = trans.baseVal;
5670 trans.baseVal = trans.animVal;
5671 _tar.targetElement._cacheMatrix = null;
5672 var evtt = _tar.ownerDocument.createEvent("MutationEvents");
5673 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5674 _tar.targetElement.dispatchEvent(evtt);
5675 trans.baseVal = base;
5676 evtt = base = trans = st = p = void 0;
5677 } else if (tar._valueList) {
5678 var total = 0, //totalは総距離
5679 st = 0, //stは現在にいたるまでの距離
5680 tav = tar._valueList,
5682 if ((n !== -1) && (d !== 0) && (tg <= d)) {
5683 ii = Math.floor((tg*n) / d);
5684 if (ii === n) { //iiが境い目のときは、n-2を適用
5690 for (var i=1, tvli=tav.length;i<tvli;i+=2) {
5691 total += Math.sqrt(Math.pow(tav[i][1] - tav[i-1][1], 2) + Math.pow(tav[i][0] - tav[i-1][0], 2));
5693 for (var i=1;i<ii;i+=2) {
5694 st += Math.sqrt(Math.pow(tav[i][1] - tav[i-1][1], 2) + Math.pow(tav[i][0] - tav[i-1][0], 2));
5696 var p = tar.ownerDocument.documentElement.createSVGPoint(),
5697 trans = _tar.targetElement.transform;
5698 st = (st / total) * d;
5699 p.x = tav[ii][0] + (tav[ii+1][0] - tav[ii][0]) * (tg - st) / d;
5700 p.y = tav[ii][1] + (tav[ii+1][1] - tav[ii][1]) * (tg - st) / d;
5701 trans.animVal.getItem(trans.animVal.numberOfItems-1).setTranslate(p.x, p.y);
5702 var base = trans.baseVal;
5703 trans.baseVal = trans.animVal;
5704 _tar.targetElement._cacheMatrix = void 0;
5705 var evtt = _tar.ownerDocument.createEvent("MutationEvents");
5706 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5707 _tar.targetElement.dispatchEvent(evtt);
5708 trans.baseVal = base;
5709 evtt = base = trans = st = p = void 0;
5712 evt = trans = tpn = tgsd = void 0;
5714 this.addEventListener("endEvent", function(evt) {
5715 var tar = evt.target,
5716 trans = tar.targetElement.transform,
5717 fill = tar.getAttributeNS(null, "fill");
5718 if (!fill || (fill === "remove")) {
5719 trans.animVal = trans.baseVal;
5720 var evtt = tar.ownerDocument.createEvent("MutationEvents");
5721 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5722 tar.targetElement.dispatchEvent(evtt);
5724 tar._frame = evt = evtt = void 0;
5726 this.addEventListener("repeatEvent", function(evt) {
5727 var tar = evt.target;
5731 SVGAnimateMotionElement.constructor = SVGAnimationElement;
5732 SVGAnimateMotionElement.prototype = new SVGAnimationElement(1);
5734 function SVGMPathElement() /* :
5737 SVGExternalResourcesRequired*/ {
5738 SVGElement.apply(this);
5739 SVGURIReference.apply(this);
5742 SVGMPathElement.constructor = SVGElement;
5743 SVGMPathElement.prototype = new SVGElement();
5745 function SVGAnimateColorElement() {
5746 SVGAnimationElement.apply(this);
5747 NAIBU.Clip[NAIBU.Clip.length] = this;
5748 this._valueList = [];
5749 this.addEventListener("DOMNodeInserted", function(evt){
5750 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5753 var tar = evt.target;
5754 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5755 var tar = evt.target,
5756 attrName = tar.getAttributeNS(null, "attributeName"),
5757 ttr = tar.targetElement,
5758 fstyle = tar.ownerDocument.defaultView.getComputedStyle(ttr, ""),
5760 if (!tar._values[0]) {
5761 tar._values[0] = fstyle.getPropertyValue(attrName);
5763 for (var i=0, tav=tar._values, tvli=tav.length;i<tvli;++i) {
5764 var to = new SVGColor();
5765 if (tar._values[i] === "currentColor") {
5766 to.setRGBColor(fstyle.getPropertyValue("color") || "black");
5767 } else if (tar._values[i] === "inherit") {
5768 /*いったん、cssValueTypeプロパティをinheritに指定して、継承元のオブジェクトを取得*/
5769 css = fstyle.getPropertyCSSValue(attrName);
5770 n = css.cssValueType;
5771 css.cssValueType = /*CSSValue.CSS_INHERIT*/ 0;
5772 to = fstyle.getPropertyCSSValue(attrName);
5773 css.cssValueType = n;
5775 to.setRGBColor(tar._values[i]);
5777 tar._valueList[tar._valueList.length] = to;
5780 tar = ttr = fstyle = css = n = attrName = void 0;
5783 this.addEventListener("beginEvent", function(evt) {
5784 var tar = evt.target,
5785 attrName = tar.getAttributeNS(null, "attributeName"),
5786 style = tar.ownerDocument.getOverrideStyle(tar.targetElement, ""),
5787 fstyle = tar.ownerDocument.defaultView.getComputedStyle(tar.targetElement, "");
5788 tar._frame = function() {
5790 /*公式に関しては、SMIL2.0 Animation Moduleの単純アニメーション関数の項を参照
5791 * 3.4.2 Specifying the simple animation function f(t)
5792 *http://www.w3.org/TR/2005/REC-SMIL2-20050107/animation.html#animationNS-SpecifyingAnimationFunction
5794 var d = _tar.getSimpleDuration() * 0.8,
5795 n = _tar._valueList.length - 1,
5796 tg = _tar.getCurrentTime(),
5798 if ((n !== -1) && (d !== 0) && (tg <= d)) {
5799 ii = Math.floor((tg*n) / d);
5800 if (ii === n) { //iiが境い目のときは、n-2を適用
5806 if (tar._keyTimes) {
5807 di = (tar._keyTimes[ii+1] - tar._keyTimes[ii]) * d;
5808 ti = tar._keyTimes[ii];
5810 di = d / n; //keyTimesがなければ均等に時間を配分しておく
5813 var fc = _tar._valueList[ii].rgbColor,
5814 tc = _tar._valueList[ii+1].rgbColor,
5815 durd = (tg-ti*d) / di,
5816 num = CSSPrimitiveValue.CSS_NUMBER,
5817 fr = fc.red.getFloatValue(num),
5818 fg = fc.green.getFloatValue(num),
5819 fb = fc.blue.getFloatValue(num),
5820 r = fr + (tc.red.getFloatValue(num) - fr) * durd,
5821 g = fg + (tc.green.getFloatValue(num) - fg) * durd,
5822 b = fb + (tc.blue.getFloatValue(num) - fb) * durd;
5823 style.setProperty(attrName, "rgb(" +Math.ceil(r)+ "," +Math.ceil(g)+ "," +Math.ceil(b)+ ")", null);
5824 _tar = d = n = tg = fc = tc = fr = fg = fb = num = r = g = b = void 0;
5828 this.addEventListener("endEvent", function(evt) {
5829 var tar = evt.target;
5830 if (!fill || (fill === "remove")) {
5831 var evtt = tar.ownerDocument.createEvent("MutationEvents");
5832 evtt.initMutationEvent("DOMNodeInsertedIntoDocument", false, false, null, null, null, null, null);
5833 tar.targetElement.dispatchEvent(evtt);
5835 tar._frame = evt = evtt = void 0;
5837 this.addEventListener("repeatEvent", function(evt) {
5838 var tar = evt.target;
5842 SVGAnimateColorElement.constructor = SVGAnimationElement;
5843 SVGAnimateColorElement.prototype = new SVGAnimationElement(1);
5845 function SVGAnimateTransformElement() {
5846 SVGAnimationElement.apply(this);
5847 NAIBU.Clip[NAIBU.Clip.length] = this;
5848 this.addEventListener("beginEvent", function(evt) {
5849 var tar = evt.target, trans = tar.targetElement.transform;
5850 /*アニメーション中に変化すべき値をanimValプロパティに入力して、
5853 trans.animVal = new SVGTransformList();
5854 if (trans.baseVal.numberOfItems !== 0) {
5855 trans.animVal.initialize(trans.baseVal.createSVGTransformFromMatrix(trans.baseVal.getItem(0).matrix));
5857 trans.animVal.appendItem(tar.ownerDocument.documentElement.createSVGTransform());
5859 this.addEventListener("endEvent", function(evt) {
5860 var tar = evt.target;
5862 this.addEventListener("repeatEvent", function(evt) {
5863 var tar = evt.target;
5867 SVGAnimateTransformElement.constructor = SVGAnimationElement;
5868 SVGAnimateTransformElement.prototype = new SVGAnimationElement(1);
5870 function SVGFontElement() /*:
5872 SVGExternalResourcesRequired,
5874 SVGElement.apply(this);
5875 /*_isExternalは外部から呼び出されたfont要素ならば、真(1)となる*/
5876 /*boolean or number*/ this._isExternal = 0;
5877 this.addEventListener("DOMNodeInserted", function(evt){
5878 var tar = evt.target;
5879 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5882 tar.addEventListener("DOMNodeInsertedIntoDocument", function(evt){
5883 var tar = evt.target, svgns = "http://www.w3.org/2000/svg", fontFace = tar.getElementsByTagNameNS(svgns, "font-face").item(0);
5884 var nefunc = function(evt){
5885 var svg = evt.target;
5887 var familyName = fontFace.getAttributeNS(null, "font-family");
5888 var textElements = tar.ownerDocument.getElementsByTagNameNS(svgns, "text");
5889 for (var i=0,_tar=tar,tli=textElements.length;i<tli;++i) {
5890 var ti = textElements[i], style = _tar.ownerDocument.defaultView.getComputedStyle(ti, '');
5891 if (style.getPropertyValue("font-family", null).indexOf(familyName) > -1) {
5892 NAIBU._noie_createFont(ti, _tar, true);
5895 evt = tar = svg = curt = textElments = svgns = _tar = void 0;
5897 if (!fontFace.__isLinked || tar._isExternal) {
5898 tar.ownerDocument.documentElement._svgload_limited = 0;
5899 tar.ownerDocument.documentElement.addEventListener("SVGLoad", nefunc, false);
5905 SVGFontElement.constructor = SVGElement;
5906 SVGFontElement.prototype = new SVGElement();
5908 function SVGGlyphElement() /*:
5911 SVGElement.apply(this);
5914 SVGGlyphElement.constructor = SVGElement;
5915 SVGGlyphElement.prototype = new SVGElement();
5917 function SVGMissingGlyphElement() /*:
5920 SVGElement.apply(this);
5923 SVGMissingGlyphElement.constructor = SVGElement;
5924 SVGMissingGlyphElement.prototype = new SVGElement();
5926 function SVGHKernElement() {
5927 SVGElement.apply(this);
5930 SVGHKernElement.constructor = SVGElement;
5931 SVGHKernElement.prototype = new SVGElement();
5933 function SVGVKernElement() {
5934 SVGElement.apply(this);
5937 SVGVKernElement.constructor = SVGElement;
5938 SVGVKernElement.prototype = new SVGElement();
5940 function SVGFontFaceElement() {
5941 SVGElement.apply(this);
5942 /*boolean(or number)*/ this._isLinked = 0;
5943 this.addEventListener("DOMNodeInserted", function(evt){
5944 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5945 if (evt.target.localName === "font-face-uri") { //外部リンクがあれば
5946 evt.currentTarget._isLinked = 1;
5953 SVGFontFaceElement.constructor = SVGElement;
5954 SVGFontFaceElement.prototype = new SVGElement();
5956 function SVGFontFaceSrcElement() {
5957 SVGElement.apply(this);
5960 SVGFontFaceSrcElement.constructor = SVGElement;
5961 SVGFontFaceSrcElement.prototype = new SVGElement();
5963 function SVGFontFaceUriElement() {
5964 SVGElement.apply(this);
5965 this.addEventListener("DOMNodeInserted", function(evt){
5966 if (evt.eventPhase === /*Event.BUBBLING_PHASE*/ 3) {
5969 evt.target.ownerDocument.documentElement._svgload_limited--
5970 evt.target.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:show", "embed");
5972 this.addEventListener("S_Load", function(evt){
5973 var tar = evt.target, tpp = tar.parentNode.parentNode.parentNode;
5974 if (tpp.localName === "defs") {
5975 tpp = tar.parentNode.parentNode; //tppをfont-face要素としておく
5977 tar._instance._isExternal = 1;
5978 tpp.parentNode.appendChild(tar._instance);
5979 evt = tar = tpp = void 0;
5981 SVGURIReference.apply(this);
5984 SVGFontFaceUriElement.constructor = SVGElement;
5985 SVGFontFaceUriElement.prototype = new SVGElement();
5987 function SVGFontFaceFormatElement() {
5988 SVGElement.apply(this);
5991 SVGFontFaceFormatElement.constructor = SVGElement;
5992 SVGFontFaceFormatElement.prototype = new SVGElement();
5994 function SVGFontFaceNameElement() {
5995 SVGElement.apply(this);
5998 SVGFontFaceNameElement.constructor = SVGElement;
5999 SVGFontFaceNameElement.prototype = new SVGElement();
6001 function SVGDefinitionSrcElement() {
6002 SVGElement.apply(this);
6005 SVGDefinitionSrcElement.constructor = SVGElement;
6006 SVGDefinitionSrcElement.prototype = new SVGElement();
6008 function SVGMetadataElement() {
6009 SVGElement.apply(this);
6012 SVGMetadataElement.constructor = SVGElement;
6013 SVGMetadataElement.prototype = new SVGElement();
6015 function SVGForeignObjectElement() /*:
6019 SVGExternalResourcesRequired,
6022 events::EventTarget*/ {
6023 SVGElement.apply(this);
6024 var sl = SVGAnimatedLength;
6025 /*readonly SVGAnimatedLength*/ this.x = new sl();
6026 /*readonly SVGAnimatedLength*/ this.y = new sl();
6027 /*readonly SVGAnimatedLength*/ this.width = new sl();
6028 /*readonly SVGAnimatedLength*/ this.height = new sl();
6032 SVGForeignObjectElement.constructor = SVGElement;
6033 SVGForeignObjectElement.prototype = new SVGElement();
6036 /*SVGの要素マッピング(DOMでは定められていないが、必須)
6037 *本来であれば、SVGDocumentのcreateElementNSメソッドを上書きすることが望ましいが、
6038 *SIEでは軽量化のために、マッピングを用いた
6040 DOMImplementation["http://www.w3.org/2000/svg"] = {
6041 Document: SVGDocument,
6044 path: NAIBU.SVGPathElement,
6045 title: SVGTitleElement,
6046 desc: SVGDescElement,
6047 defs: SVGDefsElement,
6048 linearGradient: SVGLinearGradientElement,
6049 radialGradient: SVGRadialGradientElement,
6050 stop: SVGStopElement,
6051 rect: SVGRectElement,
6052 circle: SVGCircleElement,
6053 ellipse: SVGEllipseElement,
6054 polyline: SVGPolylineElement,
6055 polygon: SVGPolygonElement,
6056 text: SVGTextElement,
6057 tspan: SVGTSpanElement,
6058 image: SVGImageElement,
6059 line: SVGLineElement,
6061 altGlyphDef: SVGAltGlyphDefElement,
6062 altGlyph: SVGAltGlyphElement,
6063 altGlyphItem: SVGAltGlyphItemElement,
6064 animateColor: SVGAnimateColorElement,
6065 animate: SVGAnimateElement,
6066 animateMotion: SVGAnimateMotionElement,
6067 animateTransform:SVGAnimateTransformElement,
6068 clipPath: SVGClipPathElement,
6069 colorProfile: SVGColorProfileElement,
6070 cursor: SVGCursorElement,
6071 definitionSrc: SVGDefinitionSrcElement,
6072 feBlend: SVGFEBlendElement,
6073 feGaussianBlur: SVGFEGaussianBlurElement,
6074 filter: SVGFilterElement,
6075 font: SVGFontElement,
6076 "font-face": SVGFontFaceElement,
6077 "font-face-format":SVGFontFaceFormatElement,
6078 "font-face-name":SVGFontFaceNameElement,
6079 "font-face-src": SVGFontFaceSrcElement,
6080 "font-face-uri": SVGFontFaceUriElement,
6081 foreignObject: SVGForeignObjectElement,
6082 glyph: SVGGlyphElement,
6083 glyphRef: SVGGlyphRefElement,
6084 hkern: SVGHKernElement,
6085 marker: SVGMarkerElement,
6086 mask: SVGMaskElement,
6087 metadata: SVGMetadataElement,
6088 missingGlyph: SVGMissingGlyphElement,
6089 mpath: SVGMPathElement,
6090 script: SVGScriptElement,
6092 style: SVGStyleElement,
6093 "switch": SVGSwitchElement,
6094 textPath: SVGTextPathElement,
6095 tref: SVGTRefElement,
6097 view: SVGViewElement,
6098 vkern: SVGVKernElement,
6099 pattern: SVGPatternElement
6102 NAIBU._fontSearchURI = function(evt){
6103 var doc = evt.target.ownerDocument;
6104 var tsrc = doc.getElementsByTagNameNS("http://www.w3.org/2000/svg", "font-face-uri");
6105 for (var i=0;i<tsrc.length;++i) {
6106 var src = tsrc[i].getAttributeNS("http://www.w3.org/1999/xlink", "href"),
6107 ids = src.split(":")[1],
6108 xmlhttp = NAIBU.xmlhttp;
6109 xmlhttp.open("GET", src.replace(/#.+$/, ""), true);
6110 xmlhttp.setRequestHeader("X-Requested-With", "XMLHttpRequest");
6111 xmlhttp.onreadystatechange = function() {
6112 if ((xmlhttp.readyState === 4) && (xmlhttp.status === 200)) {
6113 var doce = (new DOMParser()).parseFromString(xmlhttp.responseText, "text/xml");
6114 NAIBU._font({document:doce, docu:doc, id:ids});
6115 xmlhttp = doc = doce = void 0;
6121 /*_font関数は、SVGFontで使う*/
6122 NAIBU._font = function (data) {
6123 var doc = data.document, svgns = "http://www.w3.org/2000/svg";
6124 //getElementByIdは使えないので注意(DOMParserを使った場合、DTDでの指定が必要)
6125 var font = doc.getElementsByTagNameNS(svgns, "font").item(0);
6126 var familyName = font.getElementsByTagNameNS(svgns, "font-face").item(0).getAttributeNS(null, "font-family");
6127 if (familyName && (font.getAttributeNS(null, "id") === data.id)) {
6128 var textElements = data.docu.getElementsByTagNameNS(svgns, "text");
6129 for (var i=0,tli=textElements.length;i<tli;++i) {
6130 var ti = textElements[i], style = data.docu.defaultView.getComputedStyle(ti, '');
6131 if (style.getPropertyValue("font-family", null).indexOf(familyName) > -1) {
6132 NAIBU._noie_createFont(ti, font, false);
6136 doc = data = void 0;
6138 NAIBU._noie_createFont = function(/*Element*/ ti, /*Element*/ font, /*boolean*/ isMSIE) {
6139 var style = ti.ownerDocument.defaultView.getComputedStyle(ti, ''),
6140 svgns = "http://www.w3.org/2000/svg",
6141 //isTategakiは縦書きならば真
6142 isTategaki = ti.getAttributeNS(null, "writing-mode") || ti.parentNode.getAttributeNS(null, "writing-mode"),
6143 horizOrVert = isTategaki ? "vert-adv-y" : "horiz-adv-x",
6144 node = ti.firstChild, data, glyphs = font.getElementsByTagNameNS(svgns, "glyph"),
6145 em = parseFloat(font.getElementsByTagNameNS(svgns, "font-face").item(0).getAttributeNS(null, "units-per-em") || 1000),
6146 advX = parseFloat( (font.getAttributeNS(null, horizOrVert) || em) ), //字幅の設定
6147 dx = parseFloat(ti.getAttributeNS(null, "x") || 0),
6148 dy = parseFloat(ti.getAttributeNS(null, "y") || 0),
6149 fontSize = parseFloat(style.getPropertyValue("font-size")),
6151 ds = false, npdlist = ["fill",
6157 "stroke-miterlimit",
6162 if (/a/[-1] === 'a') { //Firefoxならば
6164 } else if (isMSIE || isTategaki) {
6173 if (data !== void 0) { //dataがある場合
6174 var advanceX = [], glyphData = [];
6175 for (var i=0,gli=glyphs.length;i<gli;++i) {
6176 var glyph = glyphs[i], unicode = glyph.getAttributeNS(null, "unicode") || "なし"; //unicode属性に指定がない場合、処理させないようにする
6177 var orientation = glyph.getAttributeNS(null, "orientation"), isVert = true, isOrientationAttribute = true;
6179 if (orientation === "h") {
6183 isOrientationAttribute = false;
6185 if ( (isTategaki && isVert) || !(isTategaki || isVert) || !isOrientationAttribute){
6186 //indexは該当する文字が何番目にあるかの数字
6187 var index = data.indexOf(unicode);
6188 while (index > -1) {
6189 advanceX[index] = parseFloat(glyph.getAttributeNS(null, horizOrVert) || advX); //字幅を収納
6190 glyphData[index] = glyph.getAttributeNS(null, "d");
6191 index = data.indexOf(unicode, index+1);
6195 for (var i=0,adv=0;i<data.length;++i) {
6196 if (advanceX[i] !== void 0) { //配列に含まれていれば
6197 var path = ti.ownerDocument.createElementNS(svgns, "path");
6198 //advance、すなわち字幅の長さ分、ずらしていく
6199 var matrix = ti.ownerDocument.documentElement.createSVGMatrix();
6202 for (var j=0;j<npdlist.length;++j){
6203 var nj = npdlist[j], tg = ti.getAttributeNS(null, nj);
6205 path.setAttributeNS(null, nj, tg);
6209 var y= dy + adv*fe, x = dx;
6210 if ("、。".indexOf(data.charAt(i)) > -1) { //句読点の場合
6211 var fms = fontSize / Math.SQRT2;
6219 matrix.e = dx + adv*fe;
6222 path.setAttributeNS(null, "transform", "matrix(" +matrix.a+ "," +matrix.b+ "," +matrix.c+ "," +matrix.d+ "," +matrix.e+ "," +matrix.f+ ")");
6223 path.setAttributeNS(null, "d", glyphData[i]);
6224 ti.parentNode.insertBefore(path, ti);
6229 adv = advanceX = glyphData = void 0;
6230 } else if ("tspan|a".indexOf(node.localName) > -1){
6231 NAIBU._noie_createFont(node, font, isMSIE);
6233 node = node.nextSibling;
6236 var style = ti.ownerDocument.getOverrideStyle(ti, null);
6237 style.setProperty("visibility", "hidden");
6240 ti.setAttributeNS(null, "opacity", "0");
6243 data = isTategaki = horizOrVert = em = advX = dx = dy = fontSize = style = svgns = node = void 0;
6246 /*以下は、getComputedStyleメソッドで使うために、CSS2Propertiesの_listプロパティに、
6247 *CSSprimitiveValueのリストを収納している。なお、その際に、writingModeなどはwriting-modeに変更している
6250 var s = new CSSStyleDeclaration(),
6256 for (var i in CSS2Properties) {
6257 if(CSS2Properties.hasOwnProperty(i)) {
6258 t = i.replace(regAZ, "-");
6260 u = "-" +RegExp.$1.toLowerCase();
6264 t = t.replace(regm, u);
6265 s.setProperty(t, CSS2Properties[i]);
6266 slis[t] = slis[n]; //この処理はCSSモジュールのgetComputedStyleメソッドのため
6267 slis[n]._isDefault = 1;
6273 slis._fontSize = 12;
6274 CSS2Properties._list = slis;
6275 Document.prototype.defaultView._defaultCSS = slis;
6276 s = n = regAZ = regm = slis =null;
6279 NAIBU.addEvent = function(evt,lis){
6280 if (window.addEventListener) {
6281 window.addEventListener(evt, lis, false);
6282 } else if (window.attachEvent) {
6283 window.attachEvent('on'+evt, lis);
6285 window['on'+evt] = lis;
6293 function unsvgtovml() {
6295 if ("stop" in NAIBU) {
6296 clearInterval(NAIBU.stop);
6298 window.onscroll = NAIBU.emptyFunction;
6299 window.detachEvent("onload", NAIBU._main);
6301 Element = SVGElement = Attr = NamedNodeMap = CSS2Properties = CSSValue = CSSPrimitiveValue = NAIBU.xmlhttp = Node = Event = NAIBU = stlog = STLog = SVGColor = SVGPaint = void 0;
6302 Array = ActiveXObject = void 0;
6308 NAIBU._main = (function() {
6309 stlog = new STLog(true);
6310 var xmlhttp, //XMLHttpオブジェクトを生成
6311 _doc = document; //documentのエイリアスを作成
6313 if (XMLHttpRequest) {
6316 xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
6320 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
6327 xmlhttp = new XMLHttpRequest();
6332 NAIBU.xmlhttp = xmlhttp;
6334 if (("namespaces" in _doc) && !_doc.namespaces["v"]) {
6336 NAIBU.doc = new ActiveXObject("MSXML2.DomDocument");
6341 _doc.namespaces.add("v","urn:schemas-microsoft-com:vml");
6342 _doc.namespaces.add("o","urn:schemas-microsoft-com:office:office");
6343 var st = _doc.createStyleSheet();
6344 var vmlUrl = "behavior: url(#default#VML);display: inline-block;} "; //inline-blockはIEのバグ対策
6345 st.cssText = "v\\:rect{" +vmlUrl+ "v\\:image{" +vmlUrl+ "v\\:fill{" +vmlUrl+ "v\\:stroke{" +vmlUrl+ "o\\:opacity2{" +vmlUrl
6346 + "dn\\:defs{display:none}"
6347 + "v\\:group{text-indent:0px;position:relative;width:100%;height:100%;" +vmlUrl
6348 + "v\\:shape{width:100%;height:100%;" +vmlUrl;
6350 var ary = _doc.getElementsByTagName("script");
6351 //全script要素をチェックして、type属性がimage/svg+xmlならば、中身をSVGとして処理する
6352 for (var i=0; ary[i]; ++i) {
6355 if (ai.type === "image/svg+xml") {
6357 if (sieb_s && ait.match(/<svg/)) {
6359 ait = ait.replace(/<.+?>/g, "");
6361 ait = ait.replace(/</g, "<").replace(/>/g, ">").replace(/"/g, '"').replace(/&/g, "&");
6364 var gsd = new GetSVGDocument(ai);
6368 responseText : ait.replace(/\shref=/g, " target='_top' xlink:href=")
6372 var base = location.href.replace(/\/[^\/]+?$/,"/"); //URIの最後尾にあるファイル名は消す。例: /n/sie.js -> /n/
6373 ait = ait.replace(/\shref=(['"a-z]+?):\/\//g, " target='_top' xlink:href=$1://").replace(/\shref=(.)/g, " target='_top' xlink:href=$1"+base);
6374 var s = NAIBU.textToSVG(ait,ai.getAttribute("width"),ai.getAttribute("height"));
6375 ai.parentNode.insertBefore(s,ai);
6383 if (xmlhttp && NAIBU.isMSIE) {
6384 if (!!_doc.createElementNS && !!_doc.createElementNS( "http://www.w3.org/2000/svg", "svg").createSVGRect) { //IE9ならば
6386 var ob = _doc.getElementsByTagName("object"),
6387 em = _doc.getElementsByTagName("embed"),
6389 _search = function(_ob) {
6391 s || (s = []); //NAIBU._searchで呼ばれたときに必要
6392 _doc || (_doc = document);
6393 for (var i=0;_ob[i];++i) {
6395 s[s.length] = new GetSVGDocument(obi);
6396 ifr = _doc.createElement("iframe");
6397 ifr.style.background = "black";
6398 n = obi.getAttribute("width");
6399 n && ifr.setAttribute("width", n);
6400 n = obi.getAttribute("height");
6401 n && ifr.setAttribute("height", n);
6402 ifr.marginWidth = ifr.marginHeight = "0px"; //このマージン設定がないと、全体がずれてしまう
6403 ifr.scrolling = "no";
6404 ifr.frameBorder = "0";
6405 /*iframe要素を使って、描画のプロセスを分離する
6406 *したがって、_docはdocumentとは別のオブジェクトとなる
6408 obi.parentNode.insertBefore(ifr, obi);
6410 i = obi = ifr = _ob = void 0;
6411 return s[s.length-1];
6415 NAIBU._search = _search; //a要素がクリックされたときに使う関数
6416 ob = em = _search = void 0;
6417 for (var i=0;i<s.length;++i) {
6418 if (i < s.length-1) {
6423 s[0]._init(); //初期化作業を開始
6428 var ob = _doc.getElementsByTagName("object");
6429 for (var i=0;i<ob.length;++i) {
6430 if (ob[i].contentDocument) {
6431 NAIBU._fontSearchURI({target:{ownerDocument:ob[i].contentDocument}});
6432 } else if (ob[i].getSVGDocument) {
6433 ob[i].getSVGDocument()._docElement.addEventListener("SVGLoad", NAIBU._fontSearchURI, false);
6438 xmlhttp = _doc = void 0;
6440 NAIBU.addEvent("load", NAIBU._main);
6441 NAIBU.utf16 = function ( /*string*/ s) {
6444 NAIBU.unescapeUTF16 = function ( /*string*/ s) {
6445 return s.replace(/%u\w\w\w\w/g, NAIBU.utf16);
6447 //Text2SVG機能。SVGのソース(文章)をSVG画像に変換できる。
6448 NAIBU.textToSVG = function ( /*string*/ source, /*float*/ w, /*float*/ h) {
6449 /*Safari3.xでは、DOMParser方式だと、文字が表示されないバグがあるため、
6452 if (navigator.userAgent.indexOf('WebKit') > -1 || navigator.userAgent.indexOf('Safari') > -1) { //WebKit系ならば
6453 var data = 'data:image/svg+xml;charset=utf-8,' + NAIBU.unescapeUTF16(escape(source));
6454 var ob = document.createElement("object");
6455 ob.setAttribute("data",data);
6456 ob.setAttribute("width",w);
6457 ob.setAttribute("height",h);
6458 ob.setAttribute("type","image/svg+xml");
6461 var doc = (new DOMParser()).parseFromString(source, "text/xml");
6462 return (document.importNode(doc.documentElement, true));
6465 NAIBU.addEvent("unload", unsvgtovml);
6467 NAIBU.isMSIE = /*@cc_on!@*/false;