Как исправить координаты клика в processing.js, когда canvas использует css 2d-преобразования?

Question

Я пытаюсь изучить canvas / processing.js, и первое, что я попробовал, это получить демонстрацию abstractjs (доступно здесь или здесь и использовать ее в качестве отправной точки за что-то новое.

Дело в том, что в какой-то момент я использую преобразования css 2d, и это, кажется, мешает координатам щелчка холста - когда я нажимаю кнопку мыши, графика выскакивает не из-под нее, а переводится немного - это Легко воспроизвести на упомянутых мной демонстрационных сайтах (просто примените - * - transform: translate (any)) к элементу canvas, и вы должны увидеть тот же эффект.

Есть ли простой обходной путь для этого или это ошибка processing.js?

Answer 1

Это не ошибка, а предполагаемое поведение: поскольку вы используете эскиз обработки, вы не должны использовать CSS для внесения изменений в свой эскиз, вместо этого вы используете код в своем эскизе. Итак, если вы хотите внести изменения, основанные на взаимодействии страниц, вы просто заставляете страницу вызывать метод в своем эскизе, используя javascript, как описано в http://processingjs.org/reference/articles/PomaxGuide#jstosketch