https://jsfiddle.net/cxhexdyw/
зробив скейл у напрямку довільного вектора (перпендикуляр до заданої лінії в мому випадку)

моменти які варто виділити:
як заскейлити зображення під довільним кутом
API для роботи з канвасом по замовчуванню дає можливість скейлити зображення тільки відносно координатних осей. Тому нам потрібно перетворити координатну площину таким чином, щоб наш вектор став в рівень з однією з цих осей. Після перетворення ми можемо заскейлити його звичним спочобом по "х" чи "у" (в залежності від того до якої осі ми рівнялись). Після того як скейл змінено нам потрібно повернути координатну площину до початкового її стану, тому застосовуємо протилежні перетворення до тих, які ми робили в першому кроці:

var angle = Math.atan2(line.b.y - line.a.y, line.b.x - line.a.x);//знаходимо кут до осі У

ctx.rotate(angle); //крутимо координатну площину, щоб вектор скейлу став в рівень з віссю У
ctx.scale(1, scale); //скейлимо площину
ctx.rotate(-angle); //повертаємо її на місце

ctx.drawImage(... 

як зафіксувати нерухому точку при перетворенні
це потрібно для того, щоб розмістити в правильному місці заскейлене зображення
Згрубша алгоритм такий:
зсуваємо координатну площину до потрібної точки (в даному прикладі це центр лінії яка є перпендикуляром до напрямного вектора)
потім застосовуємо потрібні нам перетворення (rotate, scale)
і при малюванні зображення початкові його координати задаємо як координати тої самої точки тільки зі знаком "-"

var midX = (line.a.x+line.b.x)/2; 
var midY = (line.a.y+line.b.y)/2;
  
ctx.translate(midX, midY);

ctx.drawImage(canvasSource, 0, 0, canvasSource.width, canvasSource.height, 
  -midX, -midY, canvas.width, canvas.height);

По суті якщо зображення ніяк не вертіти, то зображення намалюєтсья без змін, а якщо змінити rotate, то буде видно що зображення поркутилось не довкола лівого верхнього кута, а довкола заданої точки

сильно допомогла стаття http://codetheory.in/canvas-rotating-an … lar-point/

Для роботи з вордом я б використовував бібліотеку https://python-docx.readthedocs.io/en/latest/
Як задати вирівнювання https://python-docx.readthedocs.io/en/l … halignment

А для екселю вибирайте щось зі списку http://www.python-excel.org/
Якщо ж ви зовсім новачок, то краще дивіться сюди https://домен агресора/post/232291/

Надалі учіться вчитись, ніхто за вас гуглити не збирається

https://jsfiddle.net/sensei228/5bvcqxe3/
зробив скейл того що попадає у трикутну зону, та зміщення всього що йде після неї

тепер працюватиму над скейлом у напрямку довільного вектора, тобто не просто зліва направо

амазон по ідеї теж має хмарні рішення на любий смак

він використовується безпосередньо для перетворення зображення, в нашому випадку скейлу, щоб канвас з якого ми перемальовуємо залишався незмінним

  tempCanvas.width = canvasSource.width - canvas.width/2;
  sourceImage = ctxSource.getImageData(canvas.width/2, 0, tempCanvas.width, tempCanvas.height);
  ctxTemp.putImageData(sourceImage, 0, 0);
  ctx.save();
  ctx.scale(0.5, 1);
  ctx.drawImage(tempCanvas, canvas.width, 0);
  ctx.restore();

але для лівої частини де зображення не трансформується так, можна було обійтись без нього

Кажіть тоді з якого моменту незрозуміло
І гляньте код і приклад, можливо так буде легше

Дякую, подивлюсь чи найду якесь застосування тому

Такс я вернувся і накидав отакий кід
https://jsfiddle.net/sensei228/z6L4cjaa/

Ідейно воно працює так:
Є у нас два сектори канвасу: лівий та правий. На лівому текст має залишатись незмінним, а на правому ставати вдвічі вужчим

Створюємо невидимий канвас який буде 1.5 ширини того, який буде видимим в результаті, бо по іксу [0; 0.5] лишаються незмінними, а [0.5; 1.5] будуть перетворюватись на [0.5; 1]

Текст малюється спершу на невидимому канвасі.
Потім створюємо ще один тимчасовий канвас на який копіюємо вміст сектора з  невидимого канвасу, та використовуючи правильний скейл перемальовуємо його на наш кінцевий канвас і так для обох секторів.

В загальному я зробив те що хотів для початку, але навіть на такому простому прикладі відчутно просідають кадри, тому боюсь прийдеться переписувати на webgl.
Наступне над чим думатиму це як скейлити трикутні, а не квадратні зони

Так, проблема була в кодуванні при читанні файлу.
Просто цей STLLoader заточений і під бінарні і під аскі формати, і виходить фронтенд версія з FileLoaderom сама розгрібала в якому кодуванні його прочитати

На клієнті DataView.byteLength = 707684
На сервері DataView.byteLength = 684328
думаю тут щось не так..