Комментарии пользователя Igogogor

Комментарии

Загрузка изображения через форму в electron? 100 просмотров ни одного ответа.?

Igogogor @Igogogor Автор вопроса

Роман,
package.json:

{
  "name": "texturator",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "start": "electron . --allow-file-access-from-files"
  },
  "author": "",
  "license": "ISC",
  "dependencies": {
    "electron": "^8.1.0"
  }
}

index.js:

const electron = require('electron');
const url = require('url');
const path = require('path');

const {app, BrowserWindow} = electron;

let mainWindow;


// listenerfor app
app.on('ready', function(){
mainWindow = new BrowserWindow({
	  frame: false,
	  height: 563,
      useContentSize: true,
      width: 1000,
      "webPreferences": {
      "webSecurity": false
    }
});
mainWindow.maximize();
mainWindow.setMenu(null);
_dirname = path.resolve();
mainWindow.loadURL(url.format({
	pathname: path.join(_dirname, 'mainWindow.html'), 
	protocol:'file',
	slashes:true
}));    
});

mainwindow.html:

<html>
<head>
	<title></title>
	<link rel="stylesheet" type="text/css" href="css.css" />
</head>
<body>

<div class="left">	<section>
	<form>
		<label for="image"></label>
		<input type="file" id="image" />
    </section>
	<canvas width="320" height="320" id="canvas" />
	<img id="logoImg" src=""
</div>
<div class="right">



    <script type="text/javascript">


const imageFile = document.getElementById("image");
const code = document.getElementById("code");
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
const img = new Image();


window.onload = () => {
	render();
};


document.getElementById("download").addEventListener("click", download);
imageFile.addEventListener("change", handleImage);


function handleImage(e) {
	img.src = URL.createObjectURL(e.target.files[0]);
	img.onload = () => {
		render();
	};
}


function render() {
	drawImage();
	drawBackground();
}

function drawImage() {
	ctx.save();
	ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
	ctx.restore();
}


function drawBackground() {
}

function drawText(text, position) {
	ctx.fillStyle = "white";
	ctx.font = "17px Courier";

	const top = [
		{ text: `A` },
		{ text: ` ${code.value}`, font: `bolder ${ctx.font}`, fillStyle: color.value },
		{ text: `,` }
	];

	const bottom = [
		{ text: `has` },
		{
			text: ` ${percent.value} `.toUpperCase(),
			font: `bolder ${ctx.font}`,
			fillStyle: color.value
		},
		{ text: `different faces.` }
	];

	fillMixedText(ctx, text === "top" ? top : bottom, 15, position);
}

function fillMixedText(ctx, args, x, y) {
	let defaultFillStyle = ctx.fillStyle;
	let defaultFont = ctx.font;

	ctx.save();
	args.forEach(({ text, fillStyle, font }) => {
		ctx.fillStyle = fillStyle || defaultFillStyle;
		ctx.font = font || defaultFont;

		ctx.fillText(text, x, y);
		x += ctx.measureText(text).width;
	});
	ctx.restore();
}

function download() {
	let link = document.createElement("a");
	link.download = `${code.value}.png`;
	link.href = canvas.toDataURL("image/png").replace("image/png", "image/octet-stream");
        let logo = nativeImage.createFromPath(link.href);
        ctx.save();
	ctx.drawImage(logo, 0, 0, canvas.width, canvas.height);
	ctx.restore();
	document.getElementById('logoImg').src=link;
	link.click();
// два способа
}

function texturator() {
img.onload = function() {
   let imgwid = this.width;
   let imghei = this.height;
}
for (var i = 0; i = imgwid; i++) {
for (var j = 0; j = imghei; j++) {
	var pix = ctx.getImageData(imgwid, imghei, 1, 1).data; 
    if((pix[0] == 0) && (pix[1] == 0) && (pix[2] == 0) && (pix[3] == 0)){
 				coord += " (Transparent color detected, cannot be converted to HEX)";
    }
    var hex[] = "#" + ("000000" + rgbToHex(p[0], p[1], p[2])).slice(-6);

}	
}
}

</script>
</div>
</body>
</html>

Написано более трёх лет назад

Загрузка изображения через форму в electron? 100 просмотров ни одного ответа.?

Igogogor @Igogogor Автор вопроса

Роман, package.json?

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

возможно не в этом случае

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

стоп

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

ругается на this[

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

Aetae, спасибо

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

Kovalsky, спасибо

Написано более трёх лет назад

This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

ну в смысле будет

const prots = function(){
    	  Particle.prototype.move = function(dir) {
   	  	this.c = [].splice(prx, 2, posx, posy);
            this.c.posx += Math.random() - 0.5 + dir.x;
           this.c.posy += Math.random() - 0.5 + dir.y;
    	  };
          Particle.prototype.border = function() {
            let b1 = this.posx - 491, b2 = this.posy - 361,
            b3 = Math.pow( Math.abs(b1),2), 
            b4 = Math.pow( Math.abs(b2),2);
            b3+b4>5000 || b3+b4<1500 ? (
              this.prx = this.posx = this.posx - 2*b1,
              this.pry = this.posy = this.posy - 2*b2) : null; 
          };

Написано более трёх лет назад

This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

доп информация
у меня двигаются частицы
много
очень много
лучше быстрыми динамическими массивами
координата х, координата у, предыдущая х, предыдущая у
перемещаются они в функции вне конструктора через this
this.x = полетел)))))
ну и конечно же, изменения для всех разные, так что нужно именно для экземпляров, именно через конструктор

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

не напишешь this.posx +=5;

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

Kovalsky, нет, потому что я не смогу далее обращаться в функциях за пределами конструктора к переменным массива через this

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

Aetae, this.a - воспринимаемая альтернатива this.[]
на это ругается

Написано более трёх лет назад
This к массиву в конструкторе js?

Igogogor @Igogogor Автор вопроса

Aetae, Вы ничего про массив не заметили?
this нужен ради экземпляров

Написано более трёх лет назад

Самые активные сегодня

Drno
- 6 ответов
- 0 вопросов
Михаил Ливач
- 4 ответа
- 0 вопросов
CityCat4
- 3 ответа
- 0 вопросов
mr Anderson
- 3 ответа
- 0 вопросов
pindschik
- 3 ответа
- 0 вопросов
damir_tok1
- 0 ответов
- 2 вопроса

Войдите на сайт