|
@@ -55,41 +55,36 @@ SheetView.prototype.renderContent = function(content, url,i) {
|
|
content.width(this.markControl.container.centerContent.width());
|
|
content.width(this.markControl.container.centerContent.width());
|
|
content.height(this.markControl.container.centerContent.height());
|
|
content.height(this.markControl.container.centerContent.height());
|
|
content.empty();
|
|
content.empty();
|
|
-// content.append($('<img src="'+this.server + url +'">'));
|
|
|
|
- var show = false;
|
|
|
|
- // if(i%2==0){
|
|
|
|
- // show = true;
|
|
|
|
- // }
|
|
|
|
- content.append($('<canvas id="sheet-canvas'+i+'"></canvas>'));
|
|
|
|
- var image = new Image();
|
|
|
|
- image.crossOrigin = '';
|
|
|
|
- image.src = this.server + url;
|
|
|
|
- image.canvas = document.getElementById('sheet-canvas'+i);
|
|
|
|
- image.content = content;
|
|
|
|
- var self = this;
|
|
|
|
- image.onload = function() {
|
|
|
|
- var ctx = image.canvas.getContext("2d");
|
|
|
|
- image.canvas.width = Math.min(image.width, image.content.width());
|
|
|
|
- var scale = image.canvas.width / image.width;
|
|
|
|
- image.canvas.height = image.height * scale;
|
|
|
|
- ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, image.canvas.width, image.canvas.height);
|
|
|
|
- ctx.fillStyle = "#FFFFFF";
|
|
|
|
- if(self.sheetConfig.length!=0){
|
|
|
|
- for (var j = 0; j < self.sheetConfig.length; j++) {
|
|
|
|
- var config = self.sheetConfig[j];
|
|
|
|
- var index = parseNumber(i) + 1;
|
|
|
|
- if (config.i == index) {
|
|
|
|
- //兼容简单模式1:0:0:0:0
|
|
|
|
- if(config.x==0 && config.y==0 && config.w==0 && config.h==0){
|
|
|
|
- ctx.fillRect(0, 0, image.width * scale, image.height * scale);
|
|
|
|
- }else{
|
|
|
|
- ctx.fillRect(config.x * scale, config.y * scale, config.w * scale, config.h * scale);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- }else{
|
|
|
|
- ctx.fillRect(0, 0, this.canvas.width/2, this.canvas.height*3.7/10);
|
|
|
|
- }
|
|
|
|
|
|
+ content.append($('<canvas id="sheet-canvas'+i+'"></canvas>'));
|
|
|
|
+ var image = new Image();
|
|
|
|
+ image.crossOrigin = '';
|
|
|
|
+ image.src = this.server + url;
|
|
|
|
+ image.canvas = document.getElementById('sheet-canvas'+i);
|
|
|
|
+ image.content = content;
|
|
|
|
+ var self = this;
|
|
|
|
+ image.onload = function() {
|
|
|
|
+ var ctx = image.canvas.getContext("2d");
|
|
|
|
+ image.canvas.width = Math.min(image.width, image.content.width());
|
|
|
|
+ var scale = image.canvas.width / image.width;
|
|
|
|
+ image.canvas.height = image.height * scale;
|
|
|
|
+ ctx.drawImage(image, 0, 0, image.width, image.height, 0, 0, image.canvas.width, image.canvas.height);
|
|
|
|
+ ctx.fillStyle = "#FFFFFF";
|
|
|
|
+ if(self.sheetConfig.length!=0){
|
|
|
|
+ for (var j = 0; j < self.sheetConfig.length; j++) {
|
|
|
|
+ var config = self.sheetConfig[j];
|
|
|
|
+ var index = parseNumber(i) + 1;
|
|
|
|
+ if (config.i == index) {
|
|
|
|
+ //兼容简单模式1:0:0:0:0
|
|
|
|
+ if(config.x==0 && config.y==0 && config.w==0 && config.h==0){
|
|
|
|
+ ctx.fillRect(0, 0, image.width * scale, image.height * scale);
|
|
|
|
+ }else{
|
|
|
|
+ ctx.fillRect(config.x * scale, config.y * scale, config.w * scale, config.h * scale);
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ ctx.fillRect(0, 0, this.canvas.width/2, this.canvas.height*3.7/10);
|
|
|
|
+ }
|
|
this.canvas.toDataURL("image/jpeg");
|
|
this.canvas.toDataURL("image/jpeg");
|
|
}
|
|
}
|
|
}
|
|
}
|