How to display QR code url image into pdf file? - image

Hey I have this textarea that makes the text into pdf when I press generate.
And now I want a qr code img to get added. The problem is the pdf can't detect it, but only make space for it.
Example if I add a img like:
<img src="http://upload.wikimedia.org/wikipedia/commons/b/b6/Image_created_with_a_mobile_phone.png"/>
it works.
But if I add something like
<img src="http://chart.apis.google.com/chart?chf=a,s,000000|bg,s,FFFFFF&chs=300x300&chld=M|4&cht=qr&chl=++++++++++++++++++++++++++++test%0A++++++++++++++++++++++&choe=UTF-8"/>
It wont work
Any ideas how I can make this work?

I think you should download it first into local disk, then you could write local address of that image in 'src='.
img src="http://localhost/blabla/image/chart.png"/>
Maybe its because your url isnt image, but php page. So pdf converter couldnt display it in to pdf.

Related

How to insert a quickchart.io api generated image into laravel dompdf

I want to use https://quickchart.io/ API to generate chart images and I want to insert them into a Laravel PDF report created with barryvdh/laravel-dompdf. I am creating the URL for the quickchart.io API and it works correctly, if I put it in the browser's address bar the image of the chart is returned just fine. But I can't insert it into the PDF report because I get this error: "Image not found or type unknown". And that is quite understandable because the URL doesn't simply contain an image name like "my-image.png". I am trying to use this markup in the PDF view: <img src="{{ $ga_UsersCpcChartUrl }}" alt="google analytics chart">. I already set the line: "enable_remote" => true inside the dompdf config file. What shall I do to fix this?
One simple way to work around this is to add a URL parameter to the end of the QuickChart URL that identifies it as an image.
<img src="{{ $ga_UsersCpcChartUrl }}&f=.png"
This will help programs that rely on file extension.
If that doesn't work, I'd probably have to see your $ga_UsersCpcChartUrl to help debug further.

Drupal 7 image_style_url not creating the styled image

I have the following codes to test the image_style_url() on the latest drupal(v7.59)
<img src=“<?= file_create_url($fileuri); ?>” />
<img src=“<?= image_style_url(“medium”, $fileuri); ?>” />
The file_create_url() can show the original image properly, and the image_style_url() can only give the styled image url, but not creating any styled image in the styled image folder.
the public:// and the /tmp directriea are in 777 permission setting, so it won’t be related to permission problem.
Can someone tell me what is wrong with my drupal?
Seems you have to create the image derivate first. Normally this happens automatically when uploading an image via an image field upload. But the automatic derivate creating might simply get skipped on file field uploads, or when using some other image which isn't managed by Drupal at all, or when you added an image style after you already uploaded the image.
Have a look at image_style_create_derivative($style, $source, $destination). Check out the comments as well as $style needs to be an array returned by image_style_load('MYSTYLE').
Creates a new image derivative based on an image style.
Only issue left open is how to check first if the derivate already exists before calling that function. Maybe you can check what file_exists(image_style_path($style_name, $file_uri)) returns, first.
Read more: https://drupal.stackexchange.com/a/22555/15055
Nothing wrong with your Drupal. Derivative image is not physically created until someone visits the listing where that style is used.
Example: You create new node and upload an image on it. Original image is within files folder. But if you use for example teaser image style and if you go to teaser folder the image is not created there until someone visits the page where "teaser" image style is used. You can easily test this on clean Drupal. Basically the image is created on the fly on HTTP request.

Content attribute in CSS to show image icon

While creating and learning bootstrap page. I came across the content attribute of css I read few articles and I got how it works. But following code snippet shows me an image icon but the content attribute value really isn't the image url but a code. I'm not clear as how we can show the image without the url and where is the image coming from?
.test.glass i:before {
content: "\e001";
}
Following is the html element to show an image icon using above css:
<span class="test glass"><i></i></span>
But what is "\e001" is that an image code or something else?
they are utf8 codes. there are plenty of sites describing the glyphs for different standard fonts but you can also define your own font set with whatever images you choose as whatever character.
if you use a webfont, from fontello for example but are plenty of sites like that one, you can define what image to use as character \e0001 and whenever you want to use that image, you must make sure you use that font-face for the element and use the utf8 code to display the image. in html it would be someting like <span class="iconfont"></span>. if you add the image with css then is like in your example.

Not able to put text on image in table while creating PDF using XMLWorker

I am have html file and giving that to XMLWorkerHelper to parse it, so that it can generate PDF.
In Html. In table cell I can put text on image. but when I do
worker.parseXHtml(pdfWriter, document, isr);
it does not put text on image,
isr - it is ByteArrayInputStream of mockHttpServletResponse.
I have used all different kind of styling in html. but it is not working.
Please let me know how can I do this.

How to post a dynamic image to wordpress post?

I want to put a image into a post, but it seems I just cannot get it work.
For example, this one:
http://stockcharts.com/c-sc/sc?s=ACHN&p=D&b=5&g=0&i=t88400486500&r=9913
The output is a PNG file. So in HTML tab, i put,
< img src="http://stockcharts.com/c-sc/sc?s=ACHN&p=D&b=5&g=0&i=t88400486500&r=9913">,(I leave a empty space between the < and image otherwise, stackoverflow won't allow me to put a image tag here) it just won't show up the correct image. The image you will see is "go to stockcharts.com to view this chart", that is because the URL is wrong. If the URL is correct, the image will display fine. Any way to work around?
I was trying to play around with the formatting.php file, but so far, no luck.
(It is quite strange though, if you put the URL into your IE URL bar, and press enter, it shows up fine with a chart.)
Thanks.
Your URL is a web page, NOT an image. When you try to insert the link as an image, the html IMG tag is used to specify the FILE NAME to be inserted. The file can be on a different url but it should not refer to just another uri.
to get around it, you have 4 options:
Specify the image file name directly and not the uri with the img tag.
Use iframe and put the uri
use frame (I'd not go for this)
Use Ajax and fill it in a DIV tag - most effective in my opinion.

Resources