困っていること

　PythonのPillowモジュールで作成したPNG画像に対してクリカブルマップを作成したいのですが、できずに困っております(クリックできる領域がない)。できない原因がおわかりの方、アドバイスをお願いします。

環境

Windows10
Python v3.8.6
ブラウザはChrome(v89.0.4389.114, 64bit)

コード

python3
1from PIL import Image, ImageDraw
2from flask import Flask, render_template
3
4class = Component():
5    def __init__(self,ColorMode="RGB",Size=(1920,1200),BackgroundColor=(36,72,130)):
6        self.ColorMode = ColorMode
7        self.Size = Size
8        self.BackgroundColor = BackgroundColor
9        self.image = Image.new(self.ColorMode,self.Sise,self.BackgroundColor)
10        self.draw = ImageDraw.Draw(self.image)
11
12    def Output(self):
13        self.image.save("static/images/test.png",quality=90)
14        return "test.png"
15
16app = Flask(__name__):
17
18@app.route("/"):
19def index():
20    test_image = Component()
21    IMAGE_NAME = test_image.Output()
22
23    html_string = """
24    <!DOCTYPE html>
25    <html lang='ja'>
26        <head>
27            <meta charset='utf-8'>
28            <meta http-equiv='Pragma' content='no-cache'>
29            <meta http-equiv='Cache-Control' content='no-cache'>
30        </head>
31        <body>
32            <div>
33                <img width=1920 height=AUTO src='static/images/""" + IMAGE_NAME + """' usermap='#usermap'/>
34                <map name='usermap'>
35                    <area shape='rect' coords='0,0,1000,1000' href='/another.html' alt='another'>
36                </map>
37            </div>
38        </body>
39    </html>
40    """
41
42    f = open("templates/index.html",mode="wt",encoding="utf-8")
43    f.write(html_string)
44    f.close()
45
46    return render_template("index.html")
47
48if __name__ == "__main__":
49    app.run(debug=True)

行動規範の内容に同意します

回答1件

ベストアンサー

python
1    f = open("templates/index.html",mode="wt",encoding="utf-8")
2    f.write(html_string)
3    f.close()
4
5    return render_template("idnex.html")