Хобрук: Ваш путь к мастерству в программировании

Получить холст из контекста

Есть ли способ получить холст, для которого используется контекст?

Почему я спрашиваю, потому что я создаю функцию-прототип для CanvasRenderingContext2D, в которой мне нужна ширина/высота элемента холста.

E.g.:

var cv = document.getElementById('canvas');
var ctx = cv.getContext('2d');
// Using only 'ctx', how to get 'cv'?

Ответы:


1

ctx.canvas должен возвращать DOM-узел холста, из которого можно получить высоту и ширину.

Я попробовал это с помощью https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Basic_usage

Firefox смог вернуть ctx.canvas, а также ctx.canvas.width и ctx.canvas.height. Также подтверждено в Chrome.

15.03.2011
  • Это часть спецификации. 16.03.2011
  • ссылка гниль. Вот почему вы должны не просто давать ссылку, но и резюмировать ее. 04.05.2015
  • @Володя - ctx.canvas should return the canvas DOM node это резюме. 25.06.2015
  • Новое расположение поврежденной страницы: developer.mozilla.org. /en-US/docs/Web/API/Canvas_API/Tutorial/. Предлагаю изменить сейчас. 07.09.2016

  • 2

    Попробуйте это, чтобы проверить себя:

    var canvas = document.createElement('canvas');
    var context = canvas.getContext('2d');
    var isSameObject = canvas === context.canvas;
    
    alert(isSameObject
        ? 'context.canvas gives expected result'
        : 'unexpected result');

    Вот вышеприведенное в jsFiddle.

    06.04.2013
    Новые материалы

    Решения DBA Metrix
    DBA Metrix Solutions предоставляет удаленного администратора базы данных (DBA), который несет ответственность за внедрение, обслуживание, настройку, восстановление базы данных, а также другие..

    Начало работы с Блум
    Обзор и Codelab для генерации текста с помощью Bloom Оглавление Что такое Блум? Некоторые предостережения Настройка среды Скачивание предварительно обученного токенизатора и модели..

    Создание кнопочного меню с использованием HTML, CSS и JavaScript
    Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..

    Внедрите OAuth в свои веб-приложения для повышения безопасности
    OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..

    Классы в JavaScript
    class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..

    Как свинг-трейдеры могут использовать ИИ для больших выигрышей
    По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..

    Как построить любой стол
    Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...