我正在创建一个将文本字符串转换为图形字母的新闻自动收录器。这些字母是用画布绘制的。除了一件事之外，创建字母的功能完美无缺：它无法处理我传递给它的字符串中的空格。
以下是将字符串转换为图形形式的功能：
function conv_string(str) {
for (var i = 0; i < str.length; i++) {
console.log(str.charAt(i).toLowerCase());
make_letter(str.charAt(i).toLowerCase(), i);
}
}
conv_string('New Brushes');
这个函数非常简单，它只是将字符串中的每个字符都带到另一个函数（make_letter();），以及该字符在字符串中的位置。现在，它将呈现“＆＃34; new＆＃34;正确地说，当它到达空间时会停止。 make_letter();函数运行正常。 Here is the current fiddle。
以下是make_letters();功能：
function make_letter(letter, pos) {
var c = document.getElementById("myCanvas");
var context = c.getContext("2d");
var w = parseInt(getComputedStyle(c).width);
var h = parseInt(getComputedStyle(c).height);
var full = Math.floor(h / 16);
var gap = 0.65;
var unit = full - gap;
var capH = (full * 5) - gap;
var inv = {
a: [
[0, 2],
[1, 1],
[1, 3],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[2, 4],
[3, 0],
[3, 4],
[4, 0],
[4, 4]
],
b: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[1, 4],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 0],
[3, 4],
[4, 0],
[4, 1],
[4, 2],
[4, 3]
],
c: [
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[1, 4],
[2, 0],
[3, 0],
[3, 4],
[4, 1],
[4, 2],
[4, 3]
],
d: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[1, 4],
[2, 0],
[2, 4],
[3, 0],
[3, 4],
[4, 0],
[4, 1],
[4, 2],
[4, 3]
],
e: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[0, 4],
[1, 0],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 0],
[4, 0],
[4, 1],
[4, 2],
[4, 3],
[4, 4]
],
f: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[0, 4],
[1, 0],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 0],
[4, 0]
],
g: [
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[2, 0],
[2, 2],
[2, 3],
[2, 4],
[3, 0],
[3, 4],
[4, 1],
[4, 2],
[4, 3]
],
h: [
[0, 0],
[0, 4],
[1, 0],
[1, 4],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[2, 4],
[3, 0],
[3, 4],
[4, 0],
[4, 4]
],
i: [
[0, 1],
[0, 2],
[0, 3],
[1, 2],
[2, 2],
[3, 2],
[4, 1],
[4, 2],
[4, 3]
],
j: [
[0, 4],
[1, 4],
[2, 4],
[3, 4],
[4, 3],
[4, 2],
[3, 1],
[2, 1]
],
k: [
[0, 0],
[1, 0],
[2, 0],
[3, 0],
[4, 0],
[2, 1],
[2, 2],
[1, 3],
[3, 3],
[0, 4],
[4, 4]
],
l: [
[0, 0],
[1, 0],
[2, 0],
[3, 0],
[4, 0],
[4, 1],
[4, 2],
[4, 3],
[4, 4]
],
m: [
[0, 0],
[1, 0],
[2, 0],
[3, 0],
[4, 0],
[1, 1],
[2, 2],
[1, 3],
[0, 4],
[1, 4],
[2, 4],
[3, 4],
[4, 4]
],
n: [
[0, 0],
[1, 0],
[2, 0],
[3, 0],
[4, 0],
[1, 1],
[2, 2],
[3, 3],
[0, 4],
[1, 4],
[2, 4],
[3, 4],
[4, 4]
],
o: [
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[1, 4],
[2, 0],
[2, 4],
[3, 0],
[3, 4],
[4, 1],
[4, 2],
[4, 3]
],
p: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[1, 4],
[1, 0],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 0],
[4, 0]
],
q: [
[0, 1],
[0, 2],
[0, 3],
[1, 0],
[1, 4],
[2, 0],
[2, 4],
[3, 0],
[3, 3],
[3, 4],
[4, 1],
[4, 2],
[4, 3],
[4, 4]
],
r: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[1, 4],
[1, 0],
[2, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 0],
[3, 3],
[4, 4],
[4, 0]
],
s: [
[0, 1],
[0, 2],
[0, 3],
[0, 4],
[1, 0],
[2, 1],
[2, 2],
[2, 3],
[3, 4],
[4, 3],
[4, 2],
[4, 1],
[4, 0]
],
t: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[0, 4],
[1, 2],
[2, 2],
[3, 2],
[4, 2]
],
u: [
[0, 0],
[0, 4],
[1, 0],
[1, 4],
[2, 0],
[2, 4],
[3, 0],
[3, 4],
[4, 1],
[4, 2],
[4, 3]
],
v: [
[0, 0],
[0, 4],
[1, 0],
[1, 4],
[2, 0],
[2, 4],
[3, 1],
[3, 3],
[4, 2]
],
w: [
[0, 0],
[0, 4],
[1, 0],
[1, 4],
[2, 0],
[2, 2],
[2, 4],
[3, 0],
[3, 1],
[3, 3],
[3, 4],
[4, 0],
[4, 4]
],
x: [
[0, 0],
[1, 1],
[2, 2],
[3, 3],
[4, 4],
[0, 4],
[1, 3],
[3, 1],
[4, 0]
],
y: [
[0, 0],
[1, 1],
[2, 2],
[3, 2],
[4, 2],
[1, 3],
[0, 4]
],
z: [
[0, 0],
[0, 1],
[0, 2],
[0, 3],
[0, 4],
[1, 3],
[2, 2],
[3, 1],
[4, 0],
[4, 1],
[4, 2],
[4, 3],
[4, 4]
],
exc: [
[0, 2],
[1, 2],
[2, 2],
[4, 2]
],
spc: []
};
for (var i = 0; i < inv[letter].length; i++) {
var x = inv[letter][i][1] * full;
var y = inv[letter][i][0] * full;
if (pos == 0) {
var xpos = x;
} else {
var xpos = x + ((pos * full) * 5) + (full * pos);
}
context.beginPath();
context.rect(xpos, y, unit, unit);
context.fillStyle = 'black';
context.closePath();
context.fill();
}
}
我认为问题在于charAt如何处理空间。正如您所看到的，我已经尝试在控制台中记录从charAt();返回的值，但是当它找到空格时，它只返回一个空格。如何在找到空格时从该字符串中获取真实有形的值？
如果你看一下make_letter();函数，你会发现它依赖于它从charAt();收到的值的比较。因此，如果遇到空格，我需要能够将它与我在对象中设置的值进行比较，但是如何将空格与另一个值进行比较？除charAt();以外我还应该使用其他什么东西吗？
答案 0 :(得分：3)
您实际上是在尝试将字符映射到其名称和builder = Nokogiri::XML::Builder.new(:encoding => "UTF-8") do |xml|
xml.channel {
xml.title { xml.cdata "The Title" }
xml.date Time.now.strftime("%a, %d %b %Y %H:%M:%S %z")
xml.link "http://..."
xml.description { xml.cdata "Lorem...." }
xml.language "pt-br"
xml.publisher { xml.cdata "John Doe" }
}
end
的结果。名称错误，导致抛出异常。
将' '.toLowerCase() !== 'spc'密钥更改为spc会将错误修复为you can see here。
答案 1 :(得分：2)
我认为问题在于
charAt如何处理空间。正如您所看到的，我已经尝试在控制台中记录从charAt();返回的值，但是当它找到空格时，它只返回一个空格。
是的，这是它的工作。 charAt为您提供给定位置的角色。
如果找到空格，我如何从该字符串中获得真实的有形值？
您可以使用charCodeAt获取字符代码。
因此，如果遇到空格，我需要能够将它与我在对象中设置的值进行比较，但是如何将空格与另一个值进行比较呢？
比较空间没有什么特别之处。但是，是使用空格作为属性名称的特殊内容，您可能希望在inv对象中使用空格。最后你有：
spc: []
...创建名为spc的属性。当然，这不是一个空格。如果您愿意，可以创建带空格的属性：
" ": []
同样地，charAt没有任何内容可以匹配：
exc: [
[0, 2],
[1, 2],
[2, 2],
[4, 2]
],
我不知道exc的意图是什么，但如果它是!，那么：
"!": [
[0, 2],
[1, 2],
[2, 2],
[4, 2]
],
您可以在对象初始值设定项中使用任何字符串作为属性名称，只需将其放在引号中即可。
答案 2 :(得分：0)
只需替换
cat test.txt | ex -s +'v/\S/d' +%p +q! /dev/stdin
带
spc: []