如何使用JavaScript反转画布中的图像？

问题描述

当我们在画布上绘制图像时，

class Book:
    def __init__(el):
        self.soup = el

    def getName(self):
        return self.soup.find('h3').find('a')['title']

    def getLink(self):
        ...
    
    def getPrice(self):
        ...

    def getRating(self):
        ...


def get_books(html: str) -> list:
    soup = BeautifulSoup(html,'html.parser')
    return [Book(it) for it in soup.find_all("li",attrs={"class": 'col-xs-6'})]


for b in get_books(html):
    print(b.getName())

在CSS中，我们该怎么做：

let canvas = document.getElementById(canvas_id)
let context = canvas.getContext('2d')
context.drawImage(img,x,y,w,h)

我看到我们可以使用以下方法缩放整个画布：

img{
    transform: scaleX(-1);
}

但是我正在处理很多图像，所以我只需要翻转其中一张

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

html5-canvas javascript