javascript - Fetch all data (including image) from a webpage in asp.net c# -


I should know that we can load all data from a webpage using asp.net. As I have a table and a pie-chart, I am exporting my HTML content to PDF on my button click. I used the hidden area to get the innerHTML data to change the server code. I am getting the data but the problem is, when I export to PDF then the piechart should not be seen anywhere. C # code: 

  string htmlstring = hiddenTest.Value; Pdfconverter.SavePdfFromHtmlStringToFile (htmlstring, downloadName);

HTML: 

  function dripie chat (series) {$ ('# container'). High Chart ({chart: {plotbackgroundcolor: null, plotBorderWidth: 1, (1, 'RGB (255, 255, 255)'], [1, 'RGB (0, 00, 0')]}}, title: { Text: 'Macked and unmatched magnetic field'}, Tooltip: {pointFormat: '{series.name}: & lt; b & gt; {point.percentage: .1f}% & lt; / b & gt;'}, Plot option: {Pi: {allowPointSelect: true, cursor: 'pointer', data labels: {Enabled: true, format: ' b & gt; {point.name}  : { Point.percentage: .1f}% ', Style: {color: (HighTeam.T theme & amp; amp; amp; amp; amp; amp; amp; amp; amp; highcharts.me.contrastTextColor) ||' black '}}}}, series: [{type:' pie ' Name: 'percent', data: series}]});} funk Section htmlbind () {debugger; var d = document.getElementById ('pdfdiiv'); var e = document.getElementById ('hidden'); E.value = d.inner html;} & lt; / script & gt; & Lt;% - & lt; My: WebUserControl1 runat = "server" id = "WEBUSER CONTROL 1" username = "A" userAge = "45" usercountry = "Australia" /> -% & gt; & lt;% - & Amp; ATP: Place Holder Runat = "Server" id = "Fuzzer Infoc Box" /> -%> & Lt; / Head & gt; & Lt; Body bgcolor = "# 999999" & gt; & Lt; Form id = "form1" runat = "server" & gt; & Lt; ASP: Button ID = "Button" Text = "Click" Runat = "Server" onclic = "B1_Click" OnClientClick = "htmlbind ();" /> & Lt; ASP: Button ID = "Button 1" text = "click" runat = "server" onclic = "b2_click" /> & Lt; Div & gt; & Lt; / Div & gt; & Lt; Div id = "pdfdiv" runat = "server" & gt; & Lt; Div id = "container" & gt; & Lt; / Div & gt; & Lt; Br / & gt; & Lt; Br / & gt; & Lt; Asp: HiddenField id = "hfFilePath" runat = "server" on value change = "hfFilePath_ValueChanged" /> & Lt; Input type = "hidden" runat = "server" id = "hidden" />

javascript: 

  function htmlbind () {debugger; Var d = document.getElementById ('pdfdiiv'); Var e = document.getElementById ('hidden'); E.value = d.inner HTML; }

Hope for suggestions

You can find pure HTML / JavaScript examples, but it also applies to your case with some customization it happens.

(I will not enter the code here because it has a bunch of HTML and JavaScript)

You can use this function from scripts: 

  SaveSvgAsPng (L, Option)

L is SVG element, and options can be blank.

In this example, I get the chart generated from the high chart and it changes to pure HTML, the SUG image changes to the data URI.

Look for detailed logic for converting graphic into PNG.


Comments

Post a Comment

Popular posts from this blog

python - Overriding the save method in Django ModelForm -

I'm having trouble overriding a ModelForm save method. I get this error I'm: Exception type: TypeErier Exception Value: Save () found an unexpected keyword argument 'committed' My intentions include a form 3 fields Submit several values ​​for, then create an object for each combination of those areas, and to save each object file models.py class collarsult type (models.Model): id = model. AutoField (db_column = 'icontact_result_code_type_id', primary_key = true) callResult = models.ForeignKey ( 'CallResult', db_column = 'icontact_result_code_id') campaign = models.ForeignKey ( 'campaign', db_column = 'icampaign_id') CALLTYPE = models.ForeignKey ( 'CALLTYPE', db_column = 'icall_type_id') agent = models.BooleanField (db_column = 'bagent', default = true) teamLeader = models.BooleanField (db_column = 'bTeamLeader', default = true) active = models.BooleanField (db_column = Django.form...
Read more

html - CSS autoheight, but fit content to height of div -

I have a div in which there are three children- div in the left and middle div: float: left while true: float: true because it is my layout Actually will spoil, I've used ClearFix Hack: .cf {zoom: 1; }. Cf: First,. Cf: {content: ""; Display: Table; }. Cf: After {clear: both; } It still works, but I want to be the right div an indicator. So it should fill 100% of the parent unit of height. How can I complete this? PS is the full code: & Lt; / Div & gt; & Lt; Div class = "mobile_content" & gt; & Lt; H5 & gt; {{Data.titel}} & lt; / H5> & Lt; Table & gt; & Lt; TR & gt; & Lt; Th & gt; Komponist: & lt; / Th & gt; & Lt; TD & gt; {{Data.komponist}} & lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; Th & gt; Instrument: & lt; / Th & gt; & Lt; TD & gt; {{Data.instrumente}} & lt; / TD & gt; & Lt; / TR & gt;...
Read more

qt - How to prevent QAudioInput from automatically boosting the master volume to 100%? -

I have been trying to use Qt5 multimedia to record audio with QAudioInput, however, when I see If QAudioInput is started, it increases the master volume of my sound device to 100%. How can I prevent QAudioInput from changing the master volume? My current development platform is Linux with PalsAdio (with flat audio disabled). How can I use QAudioInput : QAudioDeviceInfo device_info = QAudioDeviceInfo :: defaultInputDevice (); QAudio format format; Format.setSampleRate (44100); Format.setChannelCount (1); Format.setSampleSize (16); Format.setCodec ("Audio / PCM"); Format.setSampleType (QAudioFormat :: SignedInt); Format.setByteOrder (QAudioFormat :: LittleEndian); Std :: cout & lt; & Lt; Device_info.deviceName (). ToUtf8 (). ConstData () & lt; & Lt; Std :: endl; QAudioInput * default_device = new QAudioInput (device_info, format); QIODevice * default_io_device = default_device-> Start (); a QAudioInput.setVolume () method is not you I ...
Read more