Можете ли вы сделать изометрическую перспективу с HTML5?

вы можете нарисовать все, что хотите, на холсте до отдельного пикселя, поэтому любой вопрос, такой как "возможно ли это", будет иметь ответ "да".

если вы имеете в виду, что если 3D-конвейер уже встроен в холст, ответ-нет, контекст холста 2d, поэтому команды 2d. Вы можете настроить матрицу, которая сделает ваши команды квадратного рисования похожими на изометрический вид, но вы не сможете нарисовать ничего выше или ниже этой плоскости.

вы можете, конечно, сделать 3d рендеринг (изометрический или перспективный) на холсте с использованием стандартных методов 3D->2d-сопоставлений. См., например,этот демо-4К это использование только canvas / javascript (вот видео на YouTube если Ваш браузер не поддерживает HTML5).

для изометрического вида часть настройки матрицы проще... например

var cs = Math.cos(angle1), sn = Math.sin(angle1);
var h = Math.cos(angle2);
var a = 100*cs, b = -100*sn, c = 200;
var d = h*100*sn, e = h*100*cs, f = 200;
ctx.setTransform(a, d, b, e, c, f);

здесь ctx контекст холста настроит матрицу, которая:

• имеет XY угол поворота angle1
• имеет угол наклона angle2
• отображает длину от 1 до 100 пикселей
• карты (0, 0) до 200, 200

вы можете увидеть небольшой пример этих формул в действиях на этой странице.