Сетка холста некорректна без встроенного стиля [дубликат]
Чтобы заменить все обычные кавычки на смарт-кавычки, я использую аналогичную функцию. Вы должны указать CharCode, так как некоторые настройки компьютеров / браузеров по умолчанию могут идентифицировать простые символы по-разному («", ",", ").
Использование CharCode с вызовом символа ASCII, который устранит
Чтобы заменить смарт-кавычки с ОДИНОЧНЫМИ ЦИТАТАМИ
function unSmartQuotify(n){
var name = n;
var apos = String.fromCharCode(39);
while (n.indexOf("'") > -1)
name = name.replace("'" , apos);
return name;
}
Для того, чтобы заменить смарт-кавычки на разные браузеры и операционные системы. Это также полезно для двуязычного использования (акценты и т. д.). найдите другие значения ASCII, которые могут вам понадобиться. Проверьте здесь .
1 ответ
По умолчанию контекст холста имеет размер 300x150 пикселей. 1
Вы можете думать о холсте как о изображении с фиксированным размером. Если вы увеличите изображение, установив ширину и высоту в CSS, оно станет пиксельным и размытым. То же самое происходит с холстом.
Устанавливая атрибуты width и height для самого элемента canvas, вы фактически указываете ему использовать больший контекст и, тем самым, создавать увеличенное изображение, чтобы оно не получалось размытым и пикселированным.
Если вы хотите избежать установки этих атрибутов в своем HTML-коде, вы можете вместо этого установить их в javascript:
context.canvas.width = 501;
context.canvas.height = 381;