Tag: canvas

在加载@ font-face-font之前，如何等待第一次canvas重绘？: 我有一个HTML5-canvas并用context.fillText(…);写文本context.fillText(…); 使用@ font-face-font。使用Firefox显示页面（3.6）我遇到问题，在canvas的第一个画面上，字体尚未下载，因此文本将以标准字体显示。我在这里找到了一个“解决方案” ，但它不起作用，因为字体仅在canvas中使用，并且使用jQuery加载并使用ajax显示canvas。有没有比尝试使用超时setTimeout(repaintCanvas, 500);更好的解决方案setTimeout(repaintCanvas, 500); ？

是否可以在canvasHTML5中设置背景图像，并可以执行一些绘制function，如撤消，擦除，清除，保存背景图像？: 我想知道canvas HTML5。在我的基础canvas元素中，我想要设置背景图像，并且我想要执行一些function，如在绘画中擦除，撤消，清除并保存受影响的图像（在应用所有效果撤消后，清除）..任何建议或示例..

如何使用HTML5canvas创建柔和的笔触边缘: 我正在使用HTML5canvas创建绘图应用程序。 https://github.com/homanchou/sketchyPad 我可以使用rgba来控制笔划中的不透明度，但是如何获得柔软的羽毛画笔边缘与硬圆形边缘？

通过Jquery将图像添加到canvas: 我正在尝试将图像添加到Canvas元素。 canvas标记： $value):?> <div class="design" id="” data-design=””> 使用Javascript： $(document).ready(function() { $(‘.design’).each(function() { var design = $(this).attr(‘data-design’); var id = $(this).attr(‘id’); }); }); 我希望图像显示在canvas元素中。 var design包含url。任何人都可以帮我吗？

SVG Text属性加倍 – HTML2CANVAS: 这是mycode和JSFiddle的链接。 HTML Inventory JS $(document).ready(function(){ $(‘#export’).on(‘click’, function() { html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); }, }); }); }); 我正在尝试使用html2canvas库将svg转换为canvas图像。在示例中，我只是将canvas图像附加到输出。您可以清楚地看到文本成倍增加。任何人都可以建议我解决这个问题。希望我的问题很清楚。提前致谢。

使用PHP捕获Javascript网络摄像头并上传到服务器: 我有一个页面与成功图像上传表单canvas使用JavaScript和PHP上传文件。第二页有一个成功的网络摄像头捕获到canvas并正确显示。我正在尝试使用凸轮捕获来调整图像上传脚本，实时css对象什么也不做…… html是：snap Upload This Canvas 和java脚本是： //interactioncam.js – grab a pic (function() { var data; var dataURL; var streaming = false, video = document.querySelector(‘#video’), cover = document.querySelector(‘#cover’), canvas = document.querySelector(‘#canvas’), photo = document.querySelector(‘#photo’), startbutton = document.querySelector(‘#startbutton’), width = 320, height = 240; navigator.getMedia = ( navigator.getUserMedia || navigator.webkitGetUserMedia || navigator.mozGetUserMedia || navigator.msGetUserMedia); navigator.getMedia( […]

如何将div添加到datatable: 我想知道是否可以将canvas添加到数据表中。我已经安装了数据表响应插件，如果列太宽，单击按钮将允许您查看额外信息。我想知道是否可以在隐藏区域添加canvas以播放与所选行对应的音频。我希望使用名为wavesurfer.js的漂亮音频播放器为了能够做到这一点，我需要学习以下内容：如何在隐藏区域的末尾添加canvas 如果表有足够的空间，如何强制响应表不显示canvas canvas必须填充隐藏的div 100％我想要实现的图片（每行是一个音频文件）请参阅以下内容以获取您的信息 https://jsfiddle.net/h26cxgc8/

使用javascript创建msqrd或Snapchatfilter: 我正在尝试在时尚相关的phonegap移动应用程序中实现msqrd / snapchat fiters。有什么办法可以用javascript实现这些filter吗？

如何用kineticjs 5.1.0制作橡皮擦作用于多层？: 我想用kineticjs制作橡皮擦，但我有一些问题。橡皮擦需要在多层（我的代码中的layerA，layerB）上有效，并且使用简单的按钮或一些复选框，我可以选择橡皮擦是否可以在第一层或第二层上工作，为什么不在所有层上工作。我还需要保持它们的可拖动性。她是一个小伙子，展示了我所解释的内容： http://jsfiddle.net/junkees/jA2V8/2/ var stage = new Kinetic.Stage({ container: ‘container’, width: 400, height: 500 }); var layerA = new Kinetic.Layer(); var imageObj = new Image(); imageObj.onload = function() { var x = new Kinetic.Image({ x: 0, y: 0, image: imageObj, draggable:false }); // add the shape to the layer layerA.setListening(false); layerA.add(x); // add […]

如何创建一个图像生成器来组合多个图像？: 更新我正在使用HTML5 canvas和jQuery / JS处理图像生成器。我想要完成的是以下内容。用户可以将2或最多3个图像（类型应为png或jpg）上传到canvas。生成图像应该是1080×1920。如果哈特仅上传2张图片，则图片为1080×960。如果上传了3张图片。每张图片的大小应为1080×640。上传2或3张图像后，用户可以单击下载按钮获取合并后的图像，格式为1080x1920px。 IT应该使用html canvas来完成这项工作。我想出了这个： HTML： Sorry, canvas not supported Generate jQuery的： var canvas = document.getElementById(‘canvas’); var ctx = canvas.getContext(‘2d’); canvas.height = 400; canvas.width = 800; var img1 = loadImage(‘http://sofzh.miximages.com/javascript/0e829093-971c-4037-9c1b-864a7be1dbe8.png’, main); var img2 = loadImage(‘http://sofzh.miximages.com/javascript/266px-Ikea_logo.svg.png’, main); var minImages = 2; var imagesLoaded = 0; function main() […]