How do you embed pdf image in Jupyter Notebook markdown cell? - pdf

I'm trying to view this pdf image in my Jupyter Notebook markdown cell using:
![](https://www.cs.ubc.ca/~tmm/vadbook/eamonn-figs/fig5.2.pdf)
but the image is not rendering.
I've tried manually saving the pdf file into my directory and using:
![](fig5.2.pdf) and ![](./fig5.2.pdf)
but that didn't work either.
I do want to point out that converting the pdf into png works:
![](fig5.2.png)
However, since these .pdf images are present throughout my Jupyter Notebooks, I don't want to have to manually convert every single .pdf into .png.
I'm thinking this is a browser issue (using Microsoft Edge Version 109.0.1518.78 (Official build) (64-bit)) since the rest of my classmates and professor using Safari get the embedded pdf images to render.
I appreciate any help.

Related

Some pages missing : jupyter notebook convert to pdf

I am tying to convert this notebook into a pdf. The resulting pdf only has the first page of the notebook.
Why does this happen ?
Edit1:
Click on File > Download as > PDF via Latex
way to convert notebook

How can I scrape PDF created using PDF.js using selenium?

I have successfully managed to download the PDF file from a site that uses PDF.js to create and show PDFs (using selenium)
The downloaded PDF file does not open on my desktop (mac & linux).
It seems like the PDF is encoded, or encrypted.
On closer inspection, right after the PDF is downloaded, the network tab also shows pdf.js.worker. It seems like pdf.js.worker is decoding this file to show on the site.
How can I replicate, or follow the same flow of pdf.js.worker and decode this PDF?
Update
I have tried looking at the pdf.js.worker code to follow the code execution, but it seems like a really hard task, hoping there is a simpler way.

Batik SVG to PDF no text

I have a crazy issue that's driving me insane :)
Using highcharts export to PDF feature, it generates the graph data but without text.
I am using Debian 6 and installed the libbatik-java which had a transcode issue when it came to exporting to PDF. After some reading the solution found on stackoverflow was to download batik from apache's site which I done and can now export to PDF.
However the text isnt shown as it appears to be rendered off screen because when I edit one the x/y values it can then see the text.
I works perfectly fine when exporting to PNG or JPG.
I also copied the SVG to another server which is running AIX and ran batik command there and it converted to PDF without issues.
I also tried copying the batik DIR from our AIX box to the Debian box but still have the same problem.
Not sure what else I can do :(
Any help would be appreciated.

Images from library not displayed in IE8, but shown in Chrome & Firefox

I have added a image in SiteAssets library. I have referred to that image in my aspx page. While redering page, image is not rendered in IE. While same image is rendered correctly in Chrome / Firefox . Am I missing something here?
Thanks for help in advance.
Just to give an update if anyone face this issue-
The issue was with image only. Image was distorted. I reopened the image in a photo editor and saved it. Uplaoded the image in library. Then it worked for all the browsers.
"Microsoft Internet Explorer 8.0 dropped support for jpeg images saved as CMYK and now only supports images saved in RGB mode. "
This was the problem!
Source:http://www.computerhope.com/issues/ch001283.htm
If this issue exists, the CMYK image will appear as a red X or broken image in Internet Explorer. However, opening this page in Chrome or Firefox should show both images. If both images are visible to Internet Explorer, this is not the issue with your version of Internet Explorer.
Fixing this issue
Image editors such as Adobe Photoshop, The GIMP, and others is capable of identifying if a jpg image is a CMYK image and saving a CMYK jpg as a RGB jpg. Online services can also be used to convert any JPG image into a RGB image.

Script to Cut Adobe Illustrator File into Tiles

I'm creating a Custom Google Map based on an image in an Adobe Illustrator file. I need to cut the file into 256px x 256px PNGs to feed into the Google Maps API.
You can write scripts to automate tasks in Illustrator using ExtendScript, a modified version of JavaScript. I found one example of a script for Photoshop that makes tiles for Google Maps (Hack #68 in this book) but I haven't figured out how to port this over to Illustrator.
The main problem is I can't figure out how to tell Illustrator to isolate 256px x 256px portions of an image. The Photoshop script does this by selecting portions of the image of that size and copying them into a new file, but as far as I know you can't do that in Illustrator.
Any ideas?
I've got no experience writing scripts for Adobe products, but since Illustrator handles vector data, the tiling algorithm is slightly different. There is a Python script for MS VisualEarth that tiles a set of GPS points (demo), maybe you can take some ideas from it.
Another choice may be to (programatically?) render .AI files to .PNG or something similar an then tile it into 256x256px tiles using that PS hack you referenced.