HTML5 Canvas 元素可以从 Canvas 构造函数创建吗

2024-06-25

我希望能够从构造函数中创建 Canvas 元素,以便我可以创建这样的函数。

function createCanvasContext(height,width)
{
   var body =  document.getElementsById('body')[0];
   var canvas = new Canvas();
   canvas.height=height;
   canvas.width = width;
   var context = canvas.getContext('2d');
   body.appendChild(canvas);
   return context;
}

我在 var canvas = new Canvas() 行收到错误,提示“Canvas 未定义”HTML5 是否不允许从构造函数创建元素?或者是否有我需要传递给构造函数的参数。任何想法都会很棒。


虽然你可以做new Image()正好,new Canvas()不是一件事!Canvas甚至都不是一件事HTMLCanvasElement是。尽管如此,你不能使用它的构造函数。

document.createElement('canvas');

就是你想要的。你必须使用它,就像divs.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 Canvas 元素可以从 Canvas 构造函数创建吗 的相关文章

  • 禁用拉斐尔论文上的浏览器上下文菜单

    我有一篇拉斐尔论文定义为R1 Raphael 0 0 800 600 我想在本文中禁用上下文菜单 以便我可以捕获鼠标右键单击事件 我没有这样的Raphael someDiv 800 600 禁用 div 的 oncontextmenu 属性
  • 有效 JSON 上的 Firefox JSON“格式不正确”错误

    我在 Firefox 中收到以下错误消息 Error not well formed Source File http school courses booking add php 1287657494723 Line 1 Column 1
  • 为什么 jQuery 对损坏标记的解释与浏览器不同?

    我之前已经回答过这个问题 https stackoverflow com a 19101905 1253312 但我并不完全理解why答案是正确的 答案的要点 p p function jqrender html a href http w
  • 同心放射圆 d3

    我有一个等距值的数组 我用它来绘制同心圆 我想使用一种散发效果 本质上是 一旦最外面的圆的值超过最大值 就将其删除 并在中心添加一个新的圆来补偿 我不确定如何操作数据集来删除和添加新圆圈
  • PHP、MySQL 验证故障且搜索不起作用?

    我创建了一个小的注册粘性表格 一切工作正常 但如果我输入任何错误的值 例如姓名中的数字 年龄中的字母甚至错误的电子邮件格式 那么数据仍然保存在数据库中 我无法找出验证问题 另外一个是搜索选项 每当我在搜索框中输入任何名字或姓氏时 它都应该显
  • Angular 4 - 具有动态参数值的自定义验证器

    我编写了一个自定义验证器 用于检查日期是否高于某个最小日期 代码如下所示 export function validateMinDate min Date ValidatorFn return c AbstractControl gt if
  • 将“http://”添加到尚未包含“http://”的 URL 前面

    我有一个input保存 URL 的字段 我希望这个保存的输入能够识别变量开头不存在 Http 但不知道从哪里开始 是否可以仅检查字符串的一部分 然后有一个在必要时追加的函数 如果您还想允许 https 我会使用如下正则表达式 if http
  • LightningChart JS - LineSeries / Progressive X 的损坏

    我在使用 LightningChart 时遇到了一个有趣的问题 它似乎会破坏或以其他方式减少我的数据 具体取决于它与图表的 DateOrigin 的距离 我的数据是每秒 1000 个样本 我试图一次显示 1 2 周的数据 我正在使用 Cha
  • 持续运行的 C# 代码 - 服务还是单独的线程?

    我有一个 NET 4 Web 应用程序 它有 3 个关联的独立项目 DAL BAL 和 UI 我正在使用实体框架进行数据库交互 我有代码循环遍历一堆数据库数据 根据找到的内容调用方法 然后更新数据库 我希望这段代码一直运行 同时 我希望用户
  • 提交外部有 INPUT 的表单,并修改值后

    我有一个form 有几个
  • 从数组中删除空字符串,同时保持记录而不循环?

    这个问题在这里被问到 从数组中删除空字符串 同时保留非空字符串的索引记录 https stackoverflow com questions 18113243 remove empty strings from array while ke
  • 如何使用 GWT 创建可点击的链接?

    我想与 GWT 建立一些可点击的链接 我不确定这是否是最佳实践 基本上我想要类似这样的东西 如果我用 html 编写的话 a href index html alt Link a Use a 超级链接 http google web too
  • 汇总异常以保留模块

    我使用一个名为的汇总插件rollup plugin lit css转变 css文件转换成 javascript 模块 该插件非常简单 它本质上只是附加export default到文件 我的汇总配置使用preserveModules and
  • React cloneElement 未设置键

    我正在构建一个动态生成键的表控件 我理解这可能不是一个好主意 我想键应该与其代表的数据唯一关联 否则 React 只能为我们生成唯一的 id 但无论哪种方式似乎没有设置按键 我不知道为什么 表中的行是用可以找到的函数生成的here http
  • Javascript - 通过键获取特定 JSON 数组元素内的属性值

    我有一个像这样的 JSON 结构 map key1 valueA1 key2 valueA2 key3 valueA3 key1 valueB1 key2 valueB2 key3 valueB3 key1 valueC1 key2 val
  • 将json数据从servlet传递到jsp到js文件

    我得到了这个创建 JSON 数据的 servlet 我想将此数据传递到一个 jsp 页面 该页面应该通过 InfoVis 工具包显示数据 servlet java JSONObject json new JSONObject JSONArr
  • 如何拦截javascript中innerHTML的变化?

    我需要拦截网页内单元格内容的任何更改 以下代码显示 addEventListener 不起作用 function modifyText alert var el document getElementById mycell el inner
  • 如何从索引文件迭代多个导入的模块

    我有一个名为Polygons我在那里创建了一个index jsfile 以导出目录中的所有文件 它看起来像这样 export default as europe from europe export default as northAmer
  • 在用户单击之前图像不会绘制在画布上?

    我使用执行类似以下操作的函数绘制几张图像 context drawImage img width 2 1 height 2 1 width height 我读过 我需要等待图像加载后才能绘制它 如下所示 img onload functio
  • 如何在流体宽度表中使用省略号而不使每列大小相同?

    假设我的表中的列是id name description and phone The description列的长度为 1 255 个字符 但 id 最多只有 3 个字符 我希望列的大小适当 而不是每列的大小相同 我想要descriptio

随机推荐

  • Marshmallow 上的 getSerial() 方法

    我是 Java 和 android 新手 我基本上需要从我的设备检索硬件序列号 我尝试过以下方法 import android content import android os Build public static String rec
  • 为什么我的 FB 应用程序在 IE 中永远循环?

    我有一个 Facebook 应用程序 在 IE 中运行时会永远循环 在其他浏览器中它工作正常 我需要你的帮助来调试它 但在此之前我需要提及我是如何实现它的 FB 建议当用户尝试访问应用程序时 我们应该将用户重定向到应用程序授权页面 从那里
  • java为oracle VARCHAR2返回空字符串值

    我有以下代码 它似乎工作正常 但它不显示 personCode 字符串的任何值 PERSON CODE 是 Oracle 9i 数据库中的 VARCHAR2 我在我的项目中使用 Java SE 1 7 和 ojdbc7 jar 我是 Jav
  • 用数组值替换字符串中的模板

    我有一个字符串 可以有简单的模板 我有一个包含替换值的数组 目前我正在用循环来做 但我想把它改成preg replace 你能帮助我吗 Example values array id gt 120 name gt Jim string He
  • Powershell脚本为用户创建主文件夹并设置权限

    我正在做一个 powershell 脚本 它在 AD 中创建新的域用户帐户 并在文件服务器中创建具有相关权限的主目录 我的问题是我无法获得权限设置 在下面的代码中 my fileServer是文件服务器名称 sso 表示单点登录 id 在下
  • 如何将数组每一维的值求和成一个矩阵

    我有一个具有三个维度的数组 想要对每个维度的值求和并最终得到一个数据矩阵 这是一个例子 array1 lt array c 5 5 6 3 dim c 3 4 3 matrix lt matrix NA nrow 3 ncol 4 matr
  • 识别地图移动结束事件是否是用户发起的

    我在我的上注册了一个 moveend 事件监听器ol Map http openlayers org en v3 13 0 apidoc ol Map html 当地图通过用户输入移动时 它会触发 而且当我调用时也会触发ol View se
  • 谷歌地图设置位置?

    我有这段代码 显示 LatLng 坐标中指定的当前位置 但我想要的是有一个输入框 假设有两个输入框 位置来自 和 位置至 我希望显示所指示的 2 个框中给定输入值的当前位置 这在 Google 地图 V3 中可能吗 我想让 mapOptio
  • 如何从LIB中得知Autoconf“需要符号A或B”?

    我正在尝试配置OpenSSL 1 1 0 的 Postgres 9 5 4 https www postgresql org message id 20160902061034 15676 31081 wrigleys postgresql
  • 如何将相对布局的宽度和高度安排为屏幕的一半

    我正在开发一个 Android 应用程序 我想将相对布局的宽度和高度设置为屏幕宽度和高度的一半 Thanks 使用 Parent 作为LinearLayout并使用weightSum and weight属性 Sample
  • c3p0 连接检查

    我第一次尝试使用 c3p0 实现解决方案 我了解如何初始化连接池并从池中 签出 连接 如下所示 ComboPooledDataSource cpds new ComboPooledDataSource cpds setDriverClass
  • OS X bash:目录名

    我想创建一个简单的 bash 脚本来在 OS X 上启动 Java 程序 文件名 文件路径和直接工作文件夹都包含空格 当我这样做时 bin sh cd dirname 0 I get usage dirname path 我也尝试过在各种不
  • 如何向firebase的云函数传递参数

    我正在使用安卓 用户登录firebase后 如何根据账号检索firestore中的用户信息 我的功能是在firebase的云功能中 我的代码如下 mFunctions getHttpsCallable getInfo call contin
  • ckeditor 添加“keyup”事件

    如何将 keyup 事件附加到 CKEditor 我正在使用 jQuery 适配器 这是我当前使用的代码 ckeditor textarea ckeditor function editorInstance attaching keyup
  • Android 4.3:不聚焦searchView不显示提示

    Android Studio 2 3 3 Android 4 3 在我的片段中我有搜索视图组件 不在工具栏中 这是我的片段 片段 布局 xml
  • 如何删除 AchartEngine 中条形图之间不必要的空间?

    它只是在每个栏之间增加了不必要的空间 我如何减少或删除它 所有数据都是动态生成的 我尝试设置条形宽度 但它不起作用 请参阅附图 更新代码 XYMultipleSeriesRenderer mRenderer new XYMultipleSe
  • 如何删除 intelliJ IDEA 10.5 中的项目?

    我在IntelliJ IDEA 10 5中创建了一个项目 但删除它非常困难 Eclipse中的项目管理器比IntelliJ IDEA好很多 有人可以向我解释一下如何从 IntelliJ IDEA 中做到这一点吗 要删除 IntelliJ I
  • 单选按钮输入上的 HtmlUnit click() 未按预期工作

    我正在尝试从此网页获取数据 http www atm mi it en Giromilano Pages default aspx http www atm mi it en Giromilano Pages default aspx 基本
  • 为什么两个函数有相同的地址?

    考虑这个函数模板 template
  • HTML5 Canvas 元素可以从 Canvas 构造函数创建吗

    我希望能够从构造函数中创建 Canvas 元素 以便我可以创建这样的函数 function createCanvasContext height width var body document getElementsById body 0