草庐IT

HTML2Canvas

全部标签

javascript - 你如何在 Safari 中的 <canvas> 标签上绘制文本

我一直在尝试使用用于绘制简单图表的标签,到目前为止,它非常容易使用。我想到一个问题。我不知道如何在上绘制文本在Safari中。在Firefox3.0中,我可以这样做:Chart.prototype.drawTextCentered=function(context,text,x,y,font,color){if(context.mozDrawText){context.save();context.fillStyle=color;context.mozTextStyle=font;x-=0.5*context.mozMeasureText(text);context.translate

javascript - 从 chrome 扩展访问当前的 html 页面

我是chrome扩展的新手。我想创建一个简单的chrome扩展,它会弹出一个带有当前html页面标题的警报。当我执行时:alert(document.title),我没有得到它,因为文档对象不属于页面而是属于扩展脚本(是否正确?)我如何获得正确的文档对象? 最佳答案 内容脚本是最简单的方法:使用此代码扩展您的list文件:..."content_scripts":[{"matches":["http://urlhere/*"],"js":["contentscript.js"]}],...内容脚本(在list文件的matches中提

javascript - 如何检测通过 Canvas 生成的图像是否为空白(透明 PNG)?

我正在开发一个应用程序,其中在HTML5Canvas上创建/编辑图像,然后保存到文件存储/云中。问题是“节约效率”。保存空白Canvas时,即使用toDataURL()发送完全透明的空白PNG。检测空白PNG的一种方法是在单击任何编辑/绘图功能时切换bool值,并在清屏时重置该值。但是,这种方法并非万无一失,因为用户可能会在单击绘图/编辑功能后保存图像,但不会绘制任何东西。是否有更native的方法来检测Canvas是否返回自浏览器打开以来已更改的二进制字符串?或者其他确保在客户端检测到空白透明PNG的方法? 最佳答案 HTML:脚

javascript - 在 Canvas 图中显示工具提示

我正在使用html5canvas元素绘制一个图形,其中的点表示here中的各个点。.我想在鼠标悬停的不同点上显示不同的工具提示。要显示为工具提示的文本将由用户提供。我试过但无法弄清楚如何将工具提示添加到图中的各个点。我用来显示点的代码是..//Drawthedotsc.fillStyle='#333';for(vari=0;i我应该在此代码中添加什么,以便我能够将用户输入显示为工具提示? 最佳答案 您可以在用户移到图表的数据点上时显示工具提示此工具提示只是第二个Canvas,它从链接的文本框中绘制文本并将其自身定位在数据点上方。首先

javascript - Webworker 中的 HTML5 Websocket

我已经设法让websockets在使用Chrome的webworker中工作,但仅用于接收数据。当我尝试发送数据时出现DOM异常,有人成功发送数据了吗?这就是我为网络worker准备的东西。self.addEventListener('message',function(e){vardata=e.data;switch(data.cmd){case'init':self.postMessage("InitialisingWebWorkers...");testWS();break;default:self.postMessage('Unknowncommand:'+data.msg);

javascript - Paper.js 中的 Canvas 清除

有谁知道使用paper.js清除Canvas的最佳方法我尝试了常规的Canvas清除方法,但它们似乎不适用于paper.jsHTMLClearJavascript/纸质脚本//CreateaPaper.jsPathtodrawalineintoit:tool.minDistance=5;varpath;varc=document.getElementById("myCanvas");varctx=c.getContext("2d");functiononMouseDown(event){//Createanewpathandgiveitastrokecolor:path=newPath

javascript - 如何使用 jsPDF 和 HTML2Canvas 从网站获取多页 pdf?

我有一个脚本,它使用HTML2Canvas对页面内的div进行截图,然后使用jsPDF将其转换为pdf。问题是生成的pdf只有一页,而在某些情况下屏幕截图需要一页以上。例如,屏幕截图大于8.5x11。宽度很好,但我需要它来创建多个页面以适合整个屏幕截图。这是我的脚本:varpdf=newjsPDF('portrait','pt','letter');$('.export').click(function(){pdf.addHTML($('.profile-expand')[0],function(){pdf.save('bfc-schedule.pdf');});});有什么想法可以修

javascript - React.js 将文本呈现为 HTML

这就是渲染代码现在的样子(而且我知道这样做是不安全的):render:function(){return();}问题是我怎样才能安全地渲染它? 最佳答案 引用https://facebook.github.io/react/docs/dom-elements.html#dangerouslysetinnerhtmlrender:function(){return();}jsFiddle 关于javascript-React.js将文本呈现为HTML,我们在StackOverflow上找到

javascript - 如何将所有 Angular 请求重定向到 Nginx 中的 index.html

我创建了一个简单的Nginx配置文件来为Angular服务,如下所示:server{listen80;listen[::]:80;root/path/to/apps/myapp/current/dist;access_log/path/to/apps/myapp/current/log/nginx.access.log;error_log/path/to/apps/myapp/current/log/nginx.error.loginfo;indexindex.html;location^~/assets/{gzip_staticon;expiresmax;add_headerCach

javascript - 基于 Canvas 的 Angular2 组件 : how to draw inside?

我编写了一个基于Canvas的简单组件,我正在使用伴随类(TypeScript代码)中的Input()属性调整其大小。我想做的是在配套类中绘制Canvas元素,其代码如下:实现该功能的最简单方法是什么?(请参阅代码中的注释:我想从构造函数中在Canvas内绘制一个蓝色矩形)。import{Component,View,Input}from'angular2/core';@Component({selector:'chess-diagram',})@View({template:``,})exportclassChessDiagram{private_size:number;constr