我刚刚在HTML5中从SVG迁移到。
我在SVG绘图中使用了多种工具和软件进行了七次设计。
我只想知道是否有类似于SVG中使用的绘图工具。
例子。我用inkscape在SVG中绘图,也有类似的产品用于HTML画布绘图。
Or a way to convert my Drawing From SVG TO HTML5 canvas.
我有一个测试站点,它使用HTML5画布从视频中加载一组静态画面,然后以每秒24帧的速度将它们绘制到画布上。它的工作原理很好,并且现在设置为自动播放,一旦数组被预先发布,原因是要在iOS上自动播放。
我现在要做的不是自动播放图像序列,而是通过使用animate()来触发document.getElementById('anim').onclick=animate;函数,元素ID是一个具有两个背景元素的CSS3 ID :背景图像(这是图像序列的第一个帧,以及一个播放按钮)。这将显示给用户,直到所有图像都已预加载。
我希望用户只需按Anim元素(在任何地方,但用户有一个play按钮)
我想在我的HTML5游戏中创建屏幕显示功能,为此,我考虑使用以下伪代码:
//Called once per frame
function draw(){
set a mask rectangle
draw only pixels of current frame that are inside this rectangle
}
我知道我可以在绘制之前检查各个像素的坐标,但这似乎会对性能产生严重影响,并希望避免这种情况……
有没有一种使用2D上下文方法实现这一点的原生方法?如果是这样,又是如何做到的呢?