使用 JQuery 获取创建的 canvas 的上下文

Question

我正在尝试使用此方法 (http://jsfiddle.net/erickzanardo/RHZL6/) 使用 createElement 创建一个 canvas 然后在其上绘制，但由于我使用的是 JQuery canvas so created deosn't have a class function getContext("2d"), 但它似乎适用于最后一个 jsfiddle。我的代码如下：

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>
  var map_rendered = document.createElement("map");
  map_rendered.heigt = 100 ; map_rendered.width = 100 ;
  var map_rendered_ctx = map_rendered.getContext("2d");

我得到的错误是：

TypeError: map_rendered.getContext is not a function

有没有办法解决，或者有什么方法可以制作预渲染图，我的目的是把这张图的一部分显示在更小的地方canvas。谢谢。

Answer 1

将 "map" 更改为 "canvas"，错误将消失

  var map_rendered = document.createElement("canvas");
  map_rendered.heigt = 100 ;
  map_rendered.width = 100 ;
  var map_rendered_ctx = map_rendered.getContext("2d");

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"></script>

使用 JQuery 获取创建的 canvas 的上下文

get the context of a created canvas with JQuery

html

javascript

canvas

createelement