草庐IT

Canvas-EventSystem-Panel

全部标签

javascript - 快速打印 HTML5 Canvas

我想将Canvas图像直接发送/打印到默认打印机。这意味着快速打印。任何人都可以给出提示。Javascript或jQuery。 最佳答案 我搜索了很多并找到了一个完美的解决方案:)使用onclick事件functionprintCanvas(){vardataUrl=document.getElementById('anycanvas').toDataURL();//attempttosavebase64stringtoserverusingthisvarvarwindowContent='';windowContent+=''wi

javascript - 快速打印 HTML5 Canvas

我想将Canvas图像直接发送/打印到默认打印机。这意味着快速打印。任何人都可以给出提示。Javascript或jQuery。 最佳答案 我搜索了很多并找到了一个完美的解决方案:)使用onclick事件functionprintCanvas(){vardataUrl=document.getElementById('anycanvas').toDataURL();//attempttosavebase64stringtoserverusingthisvarvarwindowContent='';windowContent+=''wi

javascript - HTML5 canvas ctx.fillText 不会换行?

如果文本包含“\n”,我似乎无法将文本添加到Canvas。我的意思是,换行符不显示/不起作用。ctxPaint.fillText("some\n\\nthing",x,y);上面的代码会绘制"some\nthing",在一条线上。这是fillText的限制还是我做错了?"\n"在那里,但没有打印出来,但它们也不起作用。 最佳答案 如果您只想处理文本中的换行符,您可以通过在换行处拆分文本并多次调用fillText()来模拟它类似于http://jsfiddle.net/BaG4J/1/varc=document.getElementB

javascript - HTML5 canvas ctx.fillText 不会换行?

如果文本包含“\n”,我似乎无法将文本添加到Canvas。我的意思是,换行符不显示/不起作用。ctxPaint.fillText("some\n\\nthing",x,y);上面的代码会绘制"some\nthing",在一条线上。这是fillText的限制还是我做错了?"\n"在那里,但没有打印出来,但它们也不起作用。 最佳答案 如果您只想处理文本中的换行符,您可以通过在换行处拆分文本并多次调用fillText()来模拟它类似于http://jsfiddle.net/BaG4J/1/varc=document.getElementB

html - 新的 HTML5 Canvas API 支持

我找到了几篇关于HTML5CanvasAPI中新功能的帖子,例如Pathprimitives或HitRegions。似乎当前规范(4.8.11)具有以下功能:http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#hit-regions尽管我的Chrome23.0.1271.64中的context.addHitRegion(上下文是canvas2d上下文)返回未定义(我也无法创建Path原语)。有人知道这些功能什么时候会实现吗(他们的公告是从3月份开始的,所以已经有8个月了)

html - 新的 HTML5 Canvas API 支持

我找到了几篇关于HTML5CanvasAPI中新功能的帖子,例如Pathprimitives或HitRegions。似乎当前规范(4.8.11)具有以下功能:http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#hit-regions尽管我的Chrome23.0.1271.64中的context.addHitRegion(上下文是canvas2d上下文)返回未定义(我也无法创建Path原语)。有人知道这些功能什么时候会实现吗(他们的公告是从3月份开始的,所以已经有8个月了)

javascript - Android 手机上的 HTML5 Canvas - 重绘和高亮问题

我有一个重绘问题,当你滚动时Canvas不会重绘,直到你松开你的触摸。问题是我依靠“ontouchmove”来移动我的Angular色。因此在触摸被释放之前,Canvas不会重绘。另一个问题是,只要触摸Canvas,它就会聚焦或激活。它在它周围形成一个聚焦环。我尝试将:focus和:activepseudo的边框和轮廓设置为空。我还看到了Canvas上下文的“drawFocusRing”,但这似乎并没有解决问题。目前我在Androidstockbrowser2.2(MyTouch3G)上测试 最佳答案 我相信橙色聚焦环与您用来查看C

javascript - Android 手机上的 HTML5 Canvas - 重绘和高亮问题

我有一个重绘问题,当你滚动时Canvas不会重绘,直到你松开你的触摸。问题是我依靠“ontouchmove”来移动我的Angular色。因此在触摸被释放之前,Canvas不会重绘。另一个问题是,只要触摸Canvas,它就会聚焦或激活。它在它周围形成一个聚焦环。我尝试将:focus和:activepseudo的边框和轮廓设置为空。我还看到了Canvas上下文的“drawFocusRing”,但这似乎并没有解决问题。目前我在Androidstockbrowser2.2(MyTouch3G)上测试 最佳答案 我相信橙色聚焦环与您用来查看C

html - Fabricjs HTML5 Canvas : Why are images so poorly resized?

当我将775x775图像添加到fabricjsCanvas并将其调整为大约90x90时,图像质量大大降低。但是如果我添加与相同的图像并缩小它,它保持其质量。为什么canvas图片质量这么差?如何使Canvas图像保持其原始质量,如是吗? 最佳答案 它可能应该去评论,但不幸的是我是新来的,我不能添加评论。但是,对我来说,这看起来像是抗锯齿问题。Canvas只是一堆像素-是否进行抗锯齿取决于您。然而,浏览器会对图片缩放进行一些抗锯齿处理(参见此处Disableantialisingwhenscalingimages)。这个问题可能与以下

html - Fabricjs HTML5 Canvas : Why are images so poorly resized?

当我将775x775图像添加到fabricjsCanvas并将其调整为大约90x90时,图像质量大大降低。但是如果我添加与相同的图像并缩小它,它保持其质量。为什么canvas图片质量这么差?如何使Canvas图像保持其原始质量,如是吗? 最佳答案 它可能应该去评论,但不幸的是我是新来的,我不能添加评论。但是,对我来说,这看起来像是抗锯齿问题。Canvas只是一堆像素-是否进行抗锯齿取决于您。然而,浏览器会对图片缩放进行一些抗锯齿处理(参见此处Disableantialisingwhenscalingimages)。这个问题可能与以下