草庐IT

canvas2d

全部标签

HTML5 2d 六角棋盘游戏(桌面)引擎

我正在寻找一个非常简单的HTML52DHex/Touch游戏引擎框架来构建棋盘游戏,例如:回合制2D六边形网格war游戏地牢探索者卡坦岛的定居者克罗斯马斯特我在Hexagongrids上找到了一篇很棒的文章使用D3.js实现,但不知道如何启动样板文件。四处挖掘后,我发现了一个列表HTML5GameEngine和greatgame'scomponents.但我不知道哪一个最适合我的用例。很少有示例/教程真的很符合我的需求。通常是:非常小的屏幕尺寸或丑陋的Assets或死链接或者很多代码可能是那种游戏不适合HTML5游戏?基于Hexagongrids的东西太酷了!好像Phaser不处理六角

css - canvas vs. webGL vs. CSS 3d -> 选择哪个?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion对于基本的3dweb应用程序,即一些立方体、3d空间中的旋转和平移-选择哪个更好?CSS3d似乎是最简单的,但在IE9或IE10的路线图上不受支持,并且提供的控制少于其他选项。Canvas和WebGL似乎要复杂得多,但我不知道它们是否适合future。为什么3D有这么多不同的技术?哪个更好?哪个是future的证明?

css - canvas vs. webGL vs. CSS 3d -> 选择哪个?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭7年前。Improvethisquestion对于基本的3dweb应用程序,即一些立方体、3d空间中的旋转和平移-选择哪个更好?CSS3d似乎是最简单的,但在IE9或IE10的路线图上不受支持,并且提供的控制少于其他选项。Canvas和WebGL似乎要复杂得多,但我不知道它们是否适合future。为什么3D有这么多不同的技术?哪个更好?哪个是future的证明?

实现一个小程序分享图 wxml2canvas

我们经常会遇上动态生成海报的需求,而在小程序中,生成图片非Canvas莫属。但是在实际工作当中,为了追求效率,我们会不可避免地去使用一些JS插件,而wxml-to-canvas就是一款官方推荐且非常优秀的插件,它可以轻松地帮你将HTML代码转换成Canvas,进而生成可保存分享的图片。但是wxml-to-canvas是通过静态模板和样式绘制canvas,进而导出图片,需要单独写一份静态模板用于编译,对于很多场景还是有些限制,比如有时需要将图文混排的富文本内容生成分享图,对于这种长度不定,内容动态变化的图片生成需求,直接利用官方的canvas接口绘制是十分困难的,包括但不限于文字换行、表情文字图

html - 通过某种混合将两个或多个 Canvas 元素组合在一起

是否可以将2个单独的Canvas元素的内容合并到一个Canvas元素中?类似于在Photoshop中“拼合”两个或更多层的等价物...?我可以想出一个迂回的方式,但我不太确定。我以.png的形式导出两个canvi(笑)的内容,然后让第三个Canvas元素使用某种混合算法(异或、混合、负片等)绘制两个图像。 最佳答案 当然可以,而且您不需要任何有趣的库或任何东西,只需调用drawImage并将Canvas作为图像即可。这是一个示例,我将两个Canvas元素组合到第三个:varcan=document.getElementById('c

html - 通过某种混合将两个或多个 Canvas 元素组合在一起

是否可以将2个单独的Canvas元素的内容合并到一个Canvas元素中?类似于在Photoshop中“拼合”两个或更多层的等价物...?我可以想出一个迂回的方式,但我不太确定。我以.png的形式导出两个canvi(笑)的内容,然后让第三个Canvas元素使用某种混合算法(异或、混合、负片等)绘制两个图像。 最佳答案 当然可以,而且您不需要任何有趣的库或任何东西,只需调用drawImage并将Canvas作为图像即可。这是一个示例,我将两个Canvas元素组合到第三个:varcan=document.getElementById('c

HTML5 Canvas 或 SVG 世界地图

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在为HTML5Canvas或任何JS库搜索世界地图的开源实现。我需要具有横向和缩放功能的简单矢量世界地图。如果能在iOS/Android/BBOS上运行就好了。http://cartagen.org/对我来说太多余了。

HTML5 Canvas 或 SVG 世界地图

按照目前的情况,这个问题不适合我们的问答形式。我们希望答案得到事实、引用或专业知识的支持,但这个问题可能会引发辩论、争论、投票或扩展讨论。如果您觉得这个问题可以改进并可能重新打开,visitthehelpcenter指导。关闭10年前。我正在为HTML5Canvas或任何JS库搜索世界地图的开源实现。我需要具有横向和缩放功能的简单矢量世界地图。如果能在iOS/Android/BBOS上运行就好了。http://cartagen.org/对我来说太多余了。

HTML5 Canvas 背景图片

我正试图在我找到的这个Canvas脚本的背面放置一个背景图像。我知道这与context.fillstyle有关,但不确定如何去做。我希望那行内容是这样的:context.fillStyle="url('http://www.samskirrow.com/background.png')";这是我当前的代码:varwaveform=(function(){varreq=newXMLHttpRequest();req.open("GET","js/jquery-1.6.4.min.js",false);req.send();eval(req.responseText);req.open("

HTML5 Canvas 背景图片

我正试图在我找到的这个Canvas脚本的背面放置一个背景图像。我知道这与context.fillstyle有关,但不确定如何去做。我希望那行内容是这样的:context.fillStyle="url('http://www.samskirrow.com/background.png')";这是我当前的代码:varwaveform=(function(){varreq=newXMLHttpRequest();req.open("GET","js/jquery-1.6.4.min.js",false);req.send();eval(req.responseText);req.open("