123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140 |
- if(!dojo._hasResource["dojox.drawing.ui.dom.Zoom"]){
- dojo._hasResource["dojox.drawing.ui.dom.Zoom"] = true;
- dojo.provide("dojox.drawing.ui.dom.Zoom");
- dojo.require("dojox.drawing.plugins._Plugin");
- dojox.drawing.ui.dom.Zoom = dojox.drawing.util.oo.declare(
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- dojox.drawing.plugins._Plugin,
- function(options){
- var cls = options.node.className;
- var txt = options.node.innerHTML;
- this.domNode = dojo.create("div", {id:"btnZoom", "class":"toolCombo"}, options.node, "replace");
-
- this.makeButton("ZoomIn", this.topClass);
- this.makeButton("Zoom100", this.midClass);
- this.makeButton("ZoomOut", this.botClass);
-
- },
- {
- type:"dojox.drawing.ui.dom.Zoom",
-
-
-
- zoomInc:.1,
-
-
-
- maxZoom:10,
-
-
-
- minZoom:.1,
-
-
-
- zoomFactor:1,
-
-
-
- baseClass:"drawingButton",
-
-
-
- topClass:"toolComboTop",
-
-
-
- midClass:"toolComboMid",
-
-
-
- botClass:"toolComboBot",
-
- makeButton: function(name, cls){
-
-
-
- var node = dojo.create("div", {id:"btn"+name, "class":this.baseClass+" "+cls,
- innerHTML:'<div title="Zoom In" class="icon icon'+name+'"></div>'}, this.domNode);
-
- dojo.connect(document, "mouseup", function(evt){
- dojo.stopEvent(evt);
- dojo.removeClass(node, "active");
- });
- dojo.connect(node, "mouseup", this, function(evt){
- dojo.stopEvent(evt);
- dojo.removeClass(node, "active");
- this["on"+name]();
- });
- dojo.connect(node, "mouseover", function(evt){
- dojo.stopEvent(evt);
- dojo.addClass(node, "hover");
- });
- dojo.connect(node, "mousedown", this, function(evt){
- dojo.stopEvent(evt);
- dojo.addClass(node, "active");
- });
-
- dojo.connect(node, "mouseout", this, function(evt){
- dojo.stopEvent(evt);
- dojo.removeClass(node, "hover");
- });
-
- },
-
- onZoomIn: function(/*Mouse Event*/evt){
-
-
-
- this.zoomFactor += this.zoomInc;
- this.zoomFactor = Math.min(this.zoomFactor, this.maxZoom);
- this.canvas.setZoom(this.zoomFactor);
- this.mouse.setZoom(this.zoomFactor);
- },
- onZoom100: function(/*Mouse Event*/evt){
-
-
-
- this.zoomFactor = 1;
- this.canvas.setZoom(this.zoomFactor);
- this.mouse.setZoom(this.zoomFactor);
- },
- onZoomOut: function(/*Mouse Event*/evt){
-
-
-
- this.zoomFactor -= this.zoomInc;
- this.zoomFactor = Math.max(this.zoomFactor, this.minZoom);
- this.canvas.setZoom(this.zoomFactor);
- this.mouse.setZoom(this.zoomFactor);
- }
- }
- );
- }
|