Python HTML ASCII 和背景图像

Question

我正在尝试创建一个Python脚本，目的是在网页上显示一个名为external-link-icon.gif的图标作为背景，并使用合适的字体，打印出所有可以打印的ASCII字符。我们可以选择像Times New Roman、Palatino、Georgia、Lucida Grande或Helvetica这样的字体。可以打印的字符的十进制数字范围是33到126，以及128到4000，而127是不需要的。

我觉得我的代码应该没问题，但这个脚本却没有正常工作。我很确定背景部分做错了，而且我不确定自己使用的标签是否正确，或者是否缺少了一些标签，但我觉得ASCII部分是对的。

#!/usr/local/bin/python3

import base64
import binascii
import cgi
import sys

print('Content-type: text/html\n')

content = []
#back = []
external_link_bytes = open('external-link-icon.gif','rb').read()

# Create the base64 encoded images
external_link = base64.b64encode(external_link_bytes)
external_link = external_link.decode('ascii')
#back = '<style>body {background:url(data:image/gif;base64,%s)}</style>' % external_link

for i in range(33,127):
    content.append('<div class="unicode-char">')
    char = cgi.escape(chr(i)).encode("ascii", "xmlcharrefreplace")
    content.append(char.decode())
    content.append('<div class="clearfix"></div><sub style="font-size: 12px">{sub_number}</sub>'.format(sub_number = i))
    content.append('</div>')
for i in range(128,256):
    content.append('<div class="unicode-char">')
    char = cgi.escape(chr(i)).encode("ascii", "xmlcharrefreplace")
    content.append(char.decode())
    content.append('<sub style="font-size: 12px">{}</sub>'.format(i))
    content.append('</div>')
for i in range(257,4000):
    content.append('<div class="unicode-char">')
    char = cgi.escape(chr(i)).encode("ascii", "xmlcharrefreplace")
    content.append(char.decode())
    content.append('<sub style="font-size: 12px">{}</sub>'.format(i))
    content.append('</div>')
content = "\n".join(content)

更新：我在脚本中添加了这个，因为我需要把ASCII字符显示成12行的列，并设置特定的字体和字体大小，但又一次没有成功。我觉得我可能做错了，因为我的教授没有深入讲解，也没有给我们很多例子。

html = '<!doctype html>'
html += '<html>'
html += '<head>'
html += '<meta charset="utf-8">'
html += '<title>Lab 5.1.cgi</title>'
html += '<style>'
html += body {font-family: "WenQuanYi", "Arial Unicode MS", "GNU Unifont", Code2000, Arial, "Lucida Grande", sans-serif; background:url(data:image/gif;base64, external_link)};
html += '</style>'
html += '</head>'
html += '<body>'
html += '<div class="row">'
html += '<div class="twelve columns">'
html += '<div class="globalWrapper">'
html += '<div style="font-size:16px">'
html += '</div>'
html += '<div><strong>lab5.1.cgi</strong>'
html += '<h1 class="title">Arial Unicode MS</h1>'
html += '<h2 class="small">Printable Characters: 32&ndash;126, 128 &ndash; 4000</h2>'
html += '<div class="unicode-char">'
html += content
html += '</div>'
html += '</div>'
html += '</div>'
html += '</body>'
html += '</html>'
print (html)

HTML ascii 字体大小网页显示背景图像十进制数字字体列显示

Python HTML ASCII 和背景图像

1 个回答

撰写回答