html5-canvas相关内容

向控件添加自定义删除(后退、前移)按钮

我想知道是否有一种简单的方法可以添加删除、放在前面、放在后面将函数添加到现有的 fabric.js 对象控件中. 目前我只能点击删除对象、放在前面等按钮. 我正在努力寻找能够在对象上按 X(右上角)并删除该对象的解决方案. 我猜这与覆盖、包装或继承现有的控件对象有关. 也许我已经监督了一些事情并且有一个简单的解决方案?请不要使用 Div Wrapper. 解决方案 ..

发布时间：2022-01-17 11:43:22 javascript html canvas html5-canvas fabricjs 前端开发

使用 HTML5 的画布绘制带有外部笔划的文本

我目前正在使用 HTML5 的画布使用 fillText 方法来呈现多个字符串.这很好用，但我也想给每个字符串一个 1px 黑色外笔划.不幸的是，strokeText 函数似乎应用了内部笔划.为了解决这个问题，我编写了一个 drawStrokedText 函数来实现我想要的效果.不幸的是，它太慢了(原因很明显). 有没有一种快速、跨浏览器的方法可以使用原生画布功能实现 1 像素的外部笔划? ..

发布时间：2022-01-17 11:43:12 javascript html canvas html5-canvas 前端开发

Javascript:将存储为 Uint8Array 的 PNG 渲染到没有数据 URI 的 Canvas 元素上

我正在尝试渲染存储在 javascript Uint8Array 中的 PNG 图像.我最初尝试的代码如下: var imgByteStr = String.fromCharCode.apply(null, this.imgBytes);var pageImg = new Image();pageImg.onload = 函数(e){//在画布上绘制canvasContext.drawImage ..

发布时间：2022-01-17 11:43:04 javascript html5-canvas 前端开发

在html页面中的2个元素之间画线

我需要在 html 页面上的 2 个元素之间画线 结果应该是这样的:http://img2.timg.co.il/forums/1_173873919.JPG 我想知道最好的方法是什么 使用画布和 html5 使用背景图片. 通过 ajax 动态制作图片 我想知道最好的方法以及网络上是否有简单的演示 谢谢 解决方案 多种方式解决您的需求: 这是使用 ..

发布时间：2022-01-17 11:42:55 javascript jquery html html5-canvas draw 前端开发

drawImage 并调整大小为 Canvas

我有一个 1836 x 3264 的图像，我想 drawImage() 到画布上并将大小调整为 739 x 1162. 阅读文档后，我认为这可以通过以下方式完成: ctx.drawImage(image, 0, 0, 739, 1162); 我也试过了: ctx.drawImage(image, 0, 0, 1836, 3264, 0, 0, 739, 1162); 两者都只显示完整 ..

发布时间：2022-01-17 11:42:47 javascript html5-canvas 前端开发

在 HTML5 中创建可拖动和可缩放的网格

与其他 HTML5如何创建网格 问题不同，我想知道如何使一个可拖动和可扩展的问题. 绘制网格非常简单: var c = document.getElementById('canvas');var ctx = c.getContext('2d');var 宽度 = window.innerWidth;变量高度 = window.innerHeight;c.宽度=宽度；c.height = ..

发布时间：2022-01-17 11:42:40 javascript jquery html html5-canvas 前端开发

在 Javascript 中将 Base64 数据转换并插入到 Canvas

我得到一个数据缓冲区，代表 Base64 中的图像.我得到的数据(以base64表示图像)(部分数据) 193,1181,25,21,211 ,111111,211,2111111111111111111111111111118.11111111111151515151584,103,136,198,74,212,41,171,203,188,187,69,121,183,255,0,7,7 ..

发布时间：2022-01-17 11:42:30 javascript html canvas html5-canvas 前端开发

缩放和平移画布后鼠标坐标不匹配

我对 javascript 和 canvas 非常陌生，我有一个程序可以检测椭圆路径上的动画元素.它稍后会形成一棵树.但这是我链接到 jsfiddle 的基本结构.它可以在没有缩放或平移的情况下正常工作，但是一旦我尝试缩放或平移，鼠标坐标就会变得混乱.我尝试遵循 HTML5 画布在缩放和翻译后获取坐标但我肯定做错了什么，我显然不明白画布和转换矩阵发生了什么.我花了大约 3 天的时间试图改变我能想到 ..

发布时间：2022-01-17 11:42:23 javascript html animation canvas html5-canvas 前端开发

HTML5 中的转轮图像(例如轮盘赌)?

在 HTML5 中模拟旋转轮盘的最佳方法是什么? 车轮旋转应该可以通过一些输入来控制(即，旋转速度基于一些用户输入).随着车轮快速旋转，车轮标签应该会变得模糊，但随着旋转速度变慢，车轮上的标签会变得越来越可读. 是否有支持此功能的 HTML5 库，或者动画是否需要手动编程? 这也需要在 iOS 设备上得到支持. 解决方案 几行CSS就可以搞定. http://jsf ..

发布时间：2022-01-17 11:42:14 javascript iphone html html5-canvas html5-animation 移动开发

HTML5 从图像生成视频

我想知道，既然 HTML 和 javascript 一起令人着迷，那么 HTML5 中是否有解决方案可以从许多图像生成视频文件? 例如，您可以通过操作画布将视频加载到画布中并使其显示为灰度视频.不过，我想知道，如果有某种方法可以从该灰度版本中生成视频文件.如果您想通过whatsapp等发送视频，那将是有道理的. 谢谢 解决方案 目前还没有内置的 API 可以在 HTML5 中进 ..

发布时间：2022-01-17 11:42:04 javascript jquery html html5-canvas html5-video 前端开发

将 HTML 画布缩放到浏览器窗口大小，但不缩放画布内的元素

有没有办法将 HTML 画布缩放到浏览器窗口的宽度/高度，但不缩放其中的内容?假设我正在创建 Asteroids 并想使用整个浏览器窗口，但不希望在我调整窗口大小时让岩石和船按比例放大/缩小. 解决方案 不要使用 CSS 来缩放画布.这将放大/缩小画布中的像素. 相反，观察适当元素(例如窗口)上的 resize 事件，然后更改 .width 和 .height 属性.这将改变您绘 ..

发布时间：2022-01-17 11:41:56 html canvas html5-canvas 前端开发

尝试使用 HTML5 文件系统将画布 PNG 数据 url 保存到磁盘，但是当我作为 URL 检索时，它无效

我从画布中得到 base64 编码的图像: var dataURL = canvas.toDataURL("image/png"); 然后我把它变成这样的数据: //去掉开头的标识符，使用Chrome/Firefox?safari built int base64Decodervar data = atob(dataURL.substring("data:image/png;base64," ..

发布时间：2022-01-17 11:41:50 javascript html google-chrome html5-canvas data-url 前端开发

HTML5 Canvas 图像缩放问题

我正在尝试在 HTML5 画布中制作像素艺术主题游戏，作为其中的一部分，我使用以下代码将 10x20 左右大小的图像绘制到画布上: ctx.drawImage(image, 20, 20, 100, 200); 但是画布使用双三次图像缩放，因此像素艺术图像在 2 倍及以上时看起来很糟糕.有没有办法强制画布使用最近邻缩放或可能使用自定义方法来缩放图像?如果不是，这是否意味着必须事先在 Paint ..

发布时间：2022-01-17 11:41:43 html html5-canvas nearest-neighbor bicubic 前端开发

上传前调整图像大小 - 将画布转换为文件对象

这是我现在使用 HTML5 File API 上传多张图片的代码片段: /*** @param {FileList} 文件*/上传:函数(文件){nfiles = 文件长度；for (var i = 0; i ..

发布时间：2022-01-17 11:41:33 javascript html file-upload html5-canvas 前端开发

画布绘制图像缩放

我正在尝试按比例缩放图像到画布.我可以用固定的宽度和高度来缩放它: context.drawImage(imageObj, 0, 0, 100, 100) 但我只想调整宽度并按比例调整高度.类似于以下内容: context.drawImage(imageObj, 0, 0, 100, auto) 我到处寻找我能想到的地方，但还没有看到这是否可能. 解决方案 context.draw ..

发布时间：2022-01-17 11:41:26 javascript canvas html5-canvas resize drawimage 前端开发

HTML5 画布转 PDF

我正在使用 HTML5 并使用画布作为设计工具.但是，我想将我的画布保存在一个默认为 image/png 的 jpeg 文件中，并且我想在 PDF 中显示我的画布的预览. 解决方案 一个好的方法是结合使用 jspdf.js 和 html2canvas. ..

发布时间：2022-01-17 11:41:19 javascript html html5-canvas 前端开发

生成由文件输入在特定时间选择的视频文件的缩略图/快照

如何在视频中的特定时间在后台静默获取通过 选择的视频文件的快照(即没有可见元素、闪烁、声音等)? 解决方案 主要有四个步骤: 创建 和 元素. 将URL.createObjectURL生成的视频文件的src加载到元素中，等待加载通过监听被触发的特定事件. 将视频的时间设置为您想要拍摄快照并监听其他事件. ..

发布时间：2022-01-17 11:41:13 javascript jquery html5-canvas html5-video video-thumbnails 前端开发

使用 HTML5 画布生成动画 GIF

他们有图书馆可以这样做吗? 任何浏览器都不支持 AFAIK dataToURL('image/gif') 解决方案 Canvas 无法生成(动画)GIF.您需要使用 JavaScript 库来执行此操作. 有 jsgif，一个用于生成动画 GIF 的 JS 库:http://github.com/antimatter15/jsgif 这篇博文解释了用法:http://an ..

发布时间：2022-01-17 11:41:05 javascript html canvas html5-canvas 前端开发

如何使用 jquery 在窗口调整大小时缩放 Raphael js 元素

如何在窗口更改时重新缩放 Raphael 画布内的所有元素? 考虑以下代码/DEMO 如果我只调整窗口大小 div 容器 缩放，因为我将其宽度设置为窗口宽度的 50%，并且 (rect 、 circle 或 path) 都没有变化 代码 #container{border : 1px 纯黑色 ;宽度:50%；高度:300px}var ..

发布时间：2022-01-17 11:40:33 jquery svg raphael html5-canvas 其他开发

在 mousemove 上旋转对象以面对鼠标指针

我的游戏中有一个 mousemove 光标，它可以让我的对象朝着我的鼠标光标射击.我希望我的对象始终旋转以与我的鼠标光标一致.如何将光标所在位置的 X 和 Y 转换为度角以将对象旋转到? 我希望我的小提琴能够通过旋转播放器(黑块)让事情更清楚我的意思:http://jsfiddle.net/3nEUv/4/ 这是我的 mouseMove 函数；只确保光标保持在它的边界框内 函数 mo ..

发布时间：2022-01-17 11:40:24 javascript html html5-canvas trigonometry 前端开发