草庐IT

react-pdf

全部标签

javascript - 是否可以从客户端将 html 内容导出为 PDF?

我在尝试添加我的网站导出为PDF功能时遇到问题。在浏览网络时,我找到了一些解决方案,但没有一个是将页面按原样打印为PDF。http://parall.ax/products/jspdf不能将纯html制作成pdf文件。我知道有很多关于这个问题的问题,但没有一个明确的答案来回答这个问题:是否可以从客户端将html内容导出为PDF。如果可能的话,我很乐意知道怎么做。如果没有请建议我应该如何从服务器端(java/php/node.js)做。请注意该页面包含highcharts图表和图像:您可以在这里查看:http://angularjs.liadlivnat.com:8080/campaig

javascript - jsPDF addHTML 将低质量图像导出为 PDF

过去2天搜索的简单问题,但未找到解决方案我正在使用jsPDF的这个addHTMLapi将html转换为pdf$('#loadPdf').on('click',function(){varpdf=newjsPDF('p','in','a4');pdf.addHTML($('#complete')[0],function(){pdf.save('new.pdf');pdf.output('datauri');});});这是生成模糊图像pdf文本显示模糊。我搜索了很多找到一些链接(在下面分享)但没有得到答案。html2canvas-generates-blurry-imagesaddHTM

javascript - 图像未使用 AngularJs 在 prawn pdf 中呈现

我有一个ReportPdf继承自Prawn::Document。当我从Rails控制台测试它时,pdf中嵌入的png图像正确呈现。ReportPdf.new(param1,param2).render_file('/Users/ZZ/Desktop/test.pdf')但是,当Controller请求它时:defgenerate_pdfpdf=ReportPdf.new(param1,param2)send_datapdf.render,filename:'report.pdf',type:'application/pdf'end图片未渲染,其他内容渲染无问题。我试过使用本地镜像和来自

javascript - Google reCaptcha 在 React.js 中工作?

我已经很接近了...加载元素很好,除了reCaptcha脚本工作方式中的某些东西使得它在创建'g-的实例时不会完成渲染Recaptcha'类。所以。reCaptcha将加载(每次/功能正确)如果我使用...//thedivthatcontainsthereCaptchaisinReactDOM.render(,document.getElementById('non-header'));//addinganotherrecaptcha/api.jstotheheadvarimported=document.createElement('script');imported.src='ht

javascript - 如何在 React 构建中禁用 Uglify

我尝试使用Y.js(Yjs)npm包,它在npmstart中有效,但在npmrunbuild中无效,因为Uglify不支持ES6。所以我下载了那个包的发行版并直接包含它。但是我的reactjsnpmrunbuild仍然提示Uglify。Creatinganoptimizedproductionbuild...Failedtocompile.static/js/main.3d2ecf94.jsfromUglifyJsSyntaxError:Unexpectedtoken:name(YArray)[./src/Pages/Collaborative/y-array/y-array.es6:

javascript - 具有 React 的 Apollo 客户端 2 无法进行查询

我对带有React的Apollo客户端版本2有疑问。(https://www.apollographql.com/docs/react/)当我根据文档设置Apollo客户端时,我无法在GraphQl服务器上进行查询,它会引发错误:Uncaught(inpromise)TypeError:_super.callisnotafunctionatnewObservableQuery(ObservableQuery.js:36)atQueryManager.watchQuery(QueryManager.js:393)atQueryManager.js:420atnewPromise()atQ

javascript - React Context API 和避免重新渲染

我已经在底部更新了这个有没有一种方法可以通过多个ContextAPI消费者处理他们自己的提供者值部分来维护一个单一的根状态(如Redux),而不会在每个孤立的更改上触发重新渲染?已经readthroughthisrelatedquestion并尝试了一些变体来测试那里提供的一些见解,但我仍然对如何避免重新渲染感到困惑。完整代码如下,在线:https://codesandbox.io/s/504qzw02nl问题是,根据devtools,每个组件都会看到“更新”(重新渲染),即使SectionB是唯一看到任何渲染更改的组件,即使b是状态树中唯一发生变化的部分。我已经尝试使用功能组件和Pu

javascript - React Redux 中的异步 ActionCreator

我是React-Redux的新手。正在处理一个应用程序。问题是我可能遇到了一些异步执行ReduxactionCreator的问题。下面是我的组件。比如,我想从componentDidMount()或onclick事件监听器调用actionCreator。classDashboardextendsPureComponent{componentDidMount(){this.props.getProductsAndPackages();letsomething=[];something=this.props.products;}...............................

javascript - react 导航 2 : How to check previous scene and to disable tab change

我有一个标签导航。我的其中一个选项卡有一个表单,如果我的表单数据未保存,我想禁用导航事件。在ver.1中,tabBarOnPress方法提供了previousScene、scene和jumpToIndex,所以我可以检查我要离开的场景并访问它的Prop。现在在ver.2中,tabBarOnPress方法为场景提供了navigationProp,但是之前的场景Prop不见了:/navigationOptions:{tabBarOnPress:({navigation,defaultHandler})=>{//Checkthepreviousscreen//IfIamleavingtheh

javascript - "react-native link"到底是做什么的?

我的理解是,如果您有一个原生模块,“react-nativelink”允许您在您的项目中使用该模块。如果您对以下任何问题有一些见解,请分享:1)我看到运行“react-nativelink”会将相应的.xcodeproj文件添加到xcode中的Libraries文件夹中,但这如何让您在项目中使用该模块?除了将此文件添加到此文件夹之外,运行“react-nativelink”还有什么作用?2)ReactNative自带的开箱即用的组件,比如,那些也可以访问原生功能,对吧?但我们不必将它们联系起来。这是否意味着它们默认链接?3)如果像^^这样的组件确实是预链接的,为什么我们不能用我们安装的