{"id":650,"date":"2022-06-02T08:45:18","date_gmt":"2022-06-02T00:45:18","guid":{"rendered":"https:\/\/pdfjs.libertynlp.com\/?page_id=650"},"modified":"2022-07-20T19:37:28","modified_gmt":"2022-07-20T11:37:28","slug":"bolgs","status":"publish","type":"page","link":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/","title":{"rendered":"Blogs"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"650\" class=\"elementor elementor-650\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ecc4db1 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"ecc4db1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-daa7848\" data-id=\"daa7848\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2a32821 wpr-search-form-style-inner wpr-search-form-position-right elementor-widget elementor-widget-wpr-search\" data-id=\"2a32821\" data-element_type=\"widget\" data-widget_type=\"wpr-search.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n\t\t<form role=\"search\" method=\"get\" class=\"wpr-search-form\" action=\"https:\/\/pdfjs.libertynlp.com\">\r\n\t\t\t\r\n\t\t\t<div class=\"wpr-search-form-input-wrap elementor-clearfix\">\r\n\t\t\t\t<input placeholder=\"Search...\" class=\"wpr-search-form-input\" type=\"search\" name=\"s\" title=\"Search\" value=\"\">\r\n\t\t\t\t\n\t\t<button class=\"wpr-search-form-submit\" type=\"submit\">\n\t\t\t\t\t\t\t<i class=\"fas fa-search\"><\/i>\n\t\t\t\t\t<\/button>\n\n\t\t\t\t\t<\/div>\r\n\r\n\t\t\t\t\t\t\r\n\t\t<\/form>\r\n\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c625f67 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"c625f67\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-0b60ace\" data-id=\"0b60ace\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-adbe7df wpr-grid-slider-nav-position-custom elementor-widget elementor-widget-wpr-magazine-grid\" data-id=\"adbe7df\" data-element_type=\"widget\" data-settings=\"{&quot;slider_autoplay&quot;:&quot;yes&quot;,&quot;slider_autoplay_duration&quot;:5,&quot;slider_loop&quot;:&quot;yes&quot;}\" data-widget_type=\"wpr-magazine-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"wpr-magazine-grid-wrap\" dir=\"ltr\" data-slick=\"{&quot;rtl&quot;:false,&quot;slidesToShow&quot;:1,&quot;infinite&quot;:true,&quot;speed&quot;:700,&quot;arrows&quot;:true,&quot;autoplay&quot;:true,&quot;autoplaySpeed&quot;:5000,&quot;pauseOnHover&quot;:&quot;yes&quot;,&quot;prevArrow&quot;:&quot;#wpr-grid-slider-prev-adbe7df&quot;,&quot;nextArrow&quot;:&quot;#wpr-grid-slider-next-adbe7df&quot;}\" data-slide-effect=\"slide\"><div class=\"wpr-magazine-slide\"><section class=\"wpr-magazine-grid wpr-mgzn-grid-2-h wpr-mgzn-grid-rows-1\"><article class=\"wpr-mgzn-grid-item elementor-clearfix post-4930 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-webpdfviewer tag-pdf tag-pdf-annotation tag-pdf-highlight tag-pdf-underline tag-pdf-js tag-pdf-js-dist\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap\" data-overlay-link=\"\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/\u535a\u5ba2\u56fe\u7247.jpg\" style=\"background-image: url(https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/\u535a\u5ba2\u56fe\u7247.jpg)\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-out wpr-anim-size-medium wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/18\/the-best-solution-of-pdfjs-annotation\/\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><h2 class=\"wpr-grid-item-title elementor-repeater-item-6abcbb0 wpr-grid-item-display-block wpr-grid-item-align-center wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-slide\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/18\/the-best-solution-of-pdfjs-annotation\/\" class=\"wpr-pointer-item\">[With code] Create online pdf annotation\uff08pdf highlight, pdf underline) based on pdf.js<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><div class=\"wpr-grid-media-hover-bottom elementor-clearfix\"><div class=\"wpr-grid-item-category elementor-repeater-item-96d5169 wpr-grid-item-display-block wpr-grid-item-align-left wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-grid-tax-style-1\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/category\/frontend\/\" class=\"wpr-pointer-item\">Frontend<span class=\"tax-sep\">, <\/span><\/a><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/category\/frontend\/webpdfviewer\/\" class=\"wpr-pointer-item\">Web PDF Viewer<\/a><\/div><\/div><div class=\"wpr-grid-item-author elementor-repeater-item-45086be wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/author\/weichaoxu\/\"><span>Chaoxu Wei<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-separator elementor-repeater-item-dee4a37 wpr-grid-item-display-inline wpr-grid-item-align-left wpr-grid-sep-style-1\"><div class=\"inner-block\"><span><\/span><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-3c60d94 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-18<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-mgzn-grid-item elementor-clearfix post-3358 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-webpdfviewer tag-import-pdf-js tag-online-pdf-viewer tag-pdf-js tag-web-pdf-viewer\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap\" data-overlay-link=\"\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post4.jpg\" style=\"background-image: url(https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post4.jpg)\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-out wpr-anim-size-medium wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/24\/how-to-import-and-use-pdf-js-in-a-new-project\/\"><\/div><div class=\"wpr-cv-container\"><div class=\"wpr-cv-outer\"><div class=\"wpr-cv-inner\"><div class=\"wpr-grid-media-hover-middle elementor-clearfix\"><h2 class=\"wpr-grid-item-title elementor-repeater-item-6abcbb0 wpr-grid-item-display-block wpr-grid-item-align-center wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-slide\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/24\/how-to-import-and-use-pdf-js-in-a-new-project\/\" class=\"wpr-pointer-item\">How to import and use PDF.js in a new project?<\/a><\/div><\/h2><\/div><\/div><\/div><\/div><div class=\"wpr-grid-media-hover-bottom elementor-clearfix\"><div class=\"wpr-grid-item-category elementor-repeater-item-96d5169 wpr-grid-item-display-block wpr-grid-item-align-left wpr-pointer-underline wpr-pointer-line-fx wpr-pointer-fx-fade wpr-grid-tax-style-1\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/category\/frontend\/\" class=\"wpr-pointer-item\">Frontend<span class=\"tax-sep\">, <\/span><\/a><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/category\/frontend\/webpdfviewer\/\" class=\"wpr-pointer-item\">Web PDF Viewer<\/a><\/div><\/div><div class=\"wpr-grid-item-author elementor-repeater-item-45086be wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/author\/weichaoxu\/\"><span>Chaoxu Wei<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-separator elementor-repeater-item-dee4a37 wpr-grid-item-display-inline wpr-grid-item-align-left wpr-grid-sep-style-1\"><div class=\"inner-block\"><span><\/span><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-3c60d94 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-24<\/span><\/div><\/div><\/div><\/div><\/div><\/div><\/article><\/section><\/div><\/div><div class=\"wpr-grid-slider-arrow-container\"><div class=\"wpr-grid-slider-prev-arrow wpr-grid-slider-arrow\" id=\"wpr-grid-slider-prev-adbe7df\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 283.4 512\" style=\"enable-background:new 0 0 283.4 512;\" xml:space=\"preserve\"><g><polygon class=\"st0\" points=\"54.5,256.3 283.4,485.1 256.1,512.5 0,256.3 0,256.3 27.2,229 256.1,0 283.4,27.4 \"\/><\/g><\/svg><\/div><div class=\"wpr-grid-slider-next-arrow wpr-grid-slider-arrow\" id=\"wpr-grid-slider-next-adbe7df\"><svg version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" x=\"0px\" y=\"0px\" viewBox=\"0 0 283.4 512\" style=\"enable-background:new 0 0 283.4 512;\" xml:space=\"preserve\"><g><polygon class=\"st0\" points=\"54.5,256.3 283.4,485.1 256.1,512.5 0,256.3 0,256.3 27.2,229 256.1,0 283.4,27.4 \"\/><\/g><\/svg><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-27f137b77 elementor-section-boxed elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no\" data-id=\"27f137b77\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-dd526d7\" data-id=\"dd526d7\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6bddd54 wpr-dual-heading-icon-top elementor-widget elementor-widget-wpr-dual-color-heading\" data-id=\"6bddd54\" data-element_type=\"widget\" data-widget_type=\"wpr-dual-color-heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"wpr-dual-heading-wrap\">\n\t\t\t\t<div class=\"wpr-dual-title-wrap\">\n\t\t\t\t\t<h2 class=\"wpr-dual-title\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"first\">All<\/span>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"second\">Blogs<\/span>\n\t\t\t\t\t\t\t\t\t\t<\/h2>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"wpr-dual-heading-icon-wrap\">\n\t\t\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-rocket\"><\/i>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1290a39 wpr-grid-columns-2 wpr-grid-columns--mobile1 wpr-grid-pagination-justify wpr-grid-columns--tablet2 elementor-widget elementor-widget-wpr-grid\" data-id=\"1290a39\" data-element_type=\"widget\" data-widget_type=\"wpr-grid.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<ul class=\"wpr-grid-filters elementor-clearfix wpr-grid-filters-sep-right\"><li class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span data-filter=\"*\" class=\"wpr-active-filter wpr-pointer-item\"><i class=\" wpr-grid-filters-icon-left\"><\/i>All Post<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><li data-role=\"parent\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-frontend\"><i class=\" wpr-grid-filters-icon-left\"><\/i>Frontend<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><li class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-uncategorized\"><i class=\" wpr-grid-filters-icon-left\"><\/i>Uncategorized<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><ul data-parent=\".category-frontend\" class=\"wpr-sub-filters\"><li data-role=\"back\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-back-filter\" data-filter=\".category-frontend\"><i class=\"fas fa-long-arrow-alt-left\"><\/i>&nbsp;&nbsp;Back<\/span><\/li><li data-role=\"sub\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-websitetemplate\"><i class=\" wpr-grid-filters-icon-left\"><\/i>Website Template<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><li data-role=\"sub\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-webpdfviewer\"><i class=\" wpr-grid-filters-icon-left\"><\/i>Web PDF Viewer<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><li data-role=\"sub\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-onlinenote\"><i class=\" wpr-grid-filters-icon-left\"><\/i>Online Note<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><li data-role=\"sub\" class=\" wpr-pointer-none wpr-pointer-line-fx wpr-pointer-fx-fade\"><span class=\"wpr-pointer-item\" data-filter=\".category-pdf-js-annotation\"><i class=\" wpr-grid-filters-icon-left\"><\/i>PDF.js annotation<sup data-brackets=\"no\"><\/sup><\/span><em class=\"wpr-grid-filters-sep\"><\/em><\/li><\/ul><\/ul><section class=\"wpr-grid elementor-clearfix\" data-settings=\"{&quot;layout&quot;:&quot;list&quot;,&quot;columns_desktop&quot;:&quot;2&quot;,&quot;gutter_hr&quot;:20,&quot;gutter_vr&quot;:20,&quot;animation&quot;:&quot;default&quot;,&quot;animation_duration&quot;:0.3,&quot;animation_delay&quot;:0.1,&quot;deeplinking&quot;:&quot;no&quot;,&quot;filters_linkable&quot;:&quot;no&quot;,&quot;filters_default_filter&quot;:&quot;&quot;,&quot;filters_count&quot;:&quot;yes&quot;,&quot;filters_hide_empty&quot;:&quot;no&quot;,&quot;filters_animation&quot;:&quot;default&quot;,&quot;filters_animation_duration&quot;:0.3,&quot;filters_animation_delay&quot;:0.1,&quot;pagination_type&quot;:&quot;numbered&quot;,&quot;pagination_max_pages&quot;:2,&quot;media_align&quot;:&quot;left&quot;,&quot;media_width&quot;:35,&quot;media_distance&quot;:20,&quot;lightbox&quot;:{&quot;selector&quot;:&quot;.wpr-grid-image-wrap&quot;,&quot;iframeMaxWidth&quot;:&quot;60%&quot;,&quot;hash&quot;:false,&quot;autoplay&quot;:&quot;true&quot;,&quot;pause&quot;:5000,&quot;progressBar&quot;:&quot;true&quot;,&quot;counter&quot;:&quot;true&quot;,&quot;controls&quot;:&quot;true&quot;,&quot;getCaptionFromTitleOrAlt&quot;:&quot;true&quot;,&quot;thumbnail&quot;:&quot;true&quot;,&quot;showThumbByDefault&quot;:&quot;true&quot;,&quot;share&quot;:&quot;true&quot;,&quot;zoom&quot;:&quot;true&quot;,&quot;fullScreen&quot;:&quot;true&quot;,&quot;download&quot;:&quot;true&quot;}}\"><article class=\"wpr-grid-item elementor-clearfix post-4930 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-webpdfviewer tag-pdf tag-pdf-annotation tag-pdf-highlight tag-pdf-underline tag-pdf-js tag-pdf-js-dist\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/\u535a\u5ba2\u56fe\u7247.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/\u535a\u5ba2\u56fe\u7247.jpg\" alt=\"[With code] Create online pdf annotation\uff08pdf highlight, pdf underline) based on pdf.js\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/18\/the-best-solution-of-pdfjs-annotation\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/18\/the-best-solution-of-pdfjs-annotation\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-18<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/18\/the-best-solution-of-pdfjs-annotation\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>I have figured out the best solution of pdf.js annotation,\u00a0only use pdf.js dist, very easy to import into your project ! Demo : https:\/\/demos.libertynlp.com\/#\/pdfjs-annotation.<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-5042 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-pdf-js-annotation category-uncategorized category-webpdfviewer\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2023\/11\/\u5c01\u9762\u56fe.png\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2023\/11\/\u5c01\u9762\u56fe.png\" alt=\"How to use PDF.JS with React\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/11\/03\/how-to-use-pdf-js-with-react\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/11\/03\/how-to-use-pdf-js-with-react\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2023-11-03<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/11\/03\/how-to-use-pdf-js-with-react\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>This blog will show you our best research product about:\u2460 How to use PDF.js in React? \u2461 How to use pdf.js based PDF annotation library in react?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4993 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-pdf-js-annotation category-webpdfviewer\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2023\/02\/English-cover.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2023\/02\/English-cover.jpg\" alt=\"PDF.js annotation library in pure JavaScript. Create and save PDF annotation.\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/02\/18\/pdfjs-annotation-library-in-pure-javascript-create-and-save-pdf-annotation\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/02\/18\/pdfjs-annotation-library-in-pure-javascript-create-and-save-pdf-annotation\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2023-02-18<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2023\/02\/18\/pdfjs-annotation-library-in-pure-javascript-create-and-save-pdf-annotation\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>PDF.js annotation library in pure JavaScript. Create and save PDF annotation. PDF highlight, PDF underline, PDF signature, PDF screenshot, PDF textbox, PDF draw, PDF polygon<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4847 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST20.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST20.jpg\" alt=\"How to transfer Javascript Object data when using Vue axios?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/06\/how-to-transfer-javascript-object-data-when-using-vue-axios\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/06\/how-to-transfer-javascript-object-data-when-using-vue-axios\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-06<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/06\/how-to-transfer-javascript-object-data-when-using-vue-axios\/#comments\"><span>2&nbsp;Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>We have introduced how to set global parameters for Vue axios and how to execute a network request, this post will introduce: How to use Vue axios to carry Javascirpt Object data?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4811 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST19.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST19.jpg\" alt=\"How to execute a synchronous Vue axios network request?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/05\/how-to-execute-a-synchronous-vue-axios-network-request\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/05\/how-to-execute-a-synchronous-vue-axios-network-request\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-05<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/05\/how-to-execute-a-synchronous-vue-axios-network-request\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>Through the previous posts, we know how to set request headers and global parameters for Vue axios. This post will introduce: How to use Vue axios to execute synchronous network request?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4741 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST18.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST18.jpg\" alt=\"How to catch and handle Vue axios error?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/04\/how-to-catch-and-handle-vue-axios-error\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/04\/how-to-catch-and-handle-vue-axios-error\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-04<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/04\/how-to-catch-and-handle-vue-axios-error\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>It is very important to reasonably catch network error and report. This post will introduce:\u00a0\u2460 How to catch Vue axios error? \u2461 How to notify the user? \u2462 How to notify website maintenance personnel?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4700 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST17-2.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST17-2.jpg\" alt=\"How to set request timeout and header for Vue axios?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/03\/how-to-set-timeout-request-header-for-vue-axios\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/03\/how-to-set-timeout-request-header-for-vue-axios\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-03<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/03\/how-to-set-timeout-request-header-for-vue-axios\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>When we use Vue axios to initiate a request, we may need to do some global configuration. This post will introduce : \u2460 How to add timeout to axios request? \u2461 How to add request header to axios?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4604 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST16.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST16.jpg\" alt=\"How to manipulate HTML elements with pure Javascript?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/02\/how-to-manipulate-html-elements-with-pure-javascript\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/02\/how-to-manipulate-html-elements-with-pure-javascript\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-02<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/02\/how-to-manipulate-html-elements-with-pure-javascript\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>After getting HTML elements, we may need to use Javascript to manipulate. This post will introduce: \u2460 How to listen element events? \u2461 How to add or delete child elements? \u2462 How to change element attributes?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4520 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST15.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST15.jpg\" alt=\"How to manipulate array of objects in Javascript?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-manipulate-array-of-objects-in-javascript\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-manipulate-array-of-objects-in-javascript\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-01<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-manipulate-array-of-objects-in-javascript\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>In Javascript, we often need to manipulate array objects. This post mainly introduces: \u2460 How to get the index of array elements? \u2461 How to delete array elements? \u2462 How to slice array elements? \u2463 How to insert elements in the array? \u2464 How to concat arraies?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4439 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST14.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST14.jpg\" alt=\"How to get HTML elements by using pure Javascript?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-javascript\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-javascript\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-01<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-javascript\/#comments\"><span>5&nbsp;Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>In many cases, we need to get HTML elements. This post will introduce:\u00a0How to use pure Javascript to get elements by id, class, and tagname?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4397 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST13-1.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST13-1.jpg\" alt=\"How to get HTML elements by using JQuery?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-jquery\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-jquery\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-07-01<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/07\/01\/how-to-get-html-elements-by-using-jquery\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>In many cases, we need to get HTML elements. This post will introduce: How to use JQury to get elements by id, class, tagname, xpath?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4327 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST12.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST12.jpg\" alt=\"How to store and read data using localStorage in Javascript?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/30\/how-to-restore-and-read-data-using-localstorage-in-javascript\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/30\/how-to-restore-and-read-data-using-localstorage-in-javascript\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-30<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/30\/how-to-restore-and-read-data-using-localstorage-in-javascript\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>We can use localStorage in Javascript to access data. In this post you will learn: \u2460 How to use localStorage?\u00a0 \u2461 How to save and read strings via localStorage? \u2462 How to store and read Json objects through localStorage?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4255 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST11.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST11.jpg\" alt=\"How to use replace, split and slice methods of strings in Javascript?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-use-replace-split-and-slice-methods-of-strings-in-javascript\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-use-replace-split-and-slice-methods-of-strings-in-javascript\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-29<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-use-replace-split-and-slice-methods-of-strings-in-javascript\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>In the web applications we develop, processing strings is the most commonly used function, this post will introduce :\u00a0\u2460 How to replace Javascript strings? \u2461 How to split a string to generate an array? \u2462 How to slice a string by index?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4191 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST10.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST10.jpg\" alt=\"How to read .txt file by Javascript and keep \\r\\n effect?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-read-txt-file-by-javascript-and-keep-rn-effect\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-read-txt-file-by-javascript-and-keep-rn-effect\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-29<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-read-txt-file-by-javascript-and-keep-rn-effect\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>After we open the .txt file in the website, Javascript will automatically ignore the \\r\\n in the file. This post will cover :\u00a0\u2460 How to use to select files? \u2461 How to read .txt file using Reader()? \u2462 How to keep \\r\\n effect of .txt file?<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4114 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST9.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST9.jpg\" alt=\"How to customize the overflow ::webkit-scrollbar\uff1f\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-customize-overflow-webkit-scrollbar%ef%bc%9f\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-customize-overflow-webkit-scrollbar%ef%bc%9f\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-29<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/29\/how-to-customize-overflow-webkit-scrollbar%ef%bc%9f\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>we need to modify the overflow ::-webkit-scrollbar and ::-webkit-scrollbar-thumb style, make it narrower, modify the color of the ::-webkit-scrollbar-track<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-4017 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST8.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST8.jpg\" alt=\"How to use javascript to achieve HTML element \u00a0hover effect?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-javascript-to-achieve-html-element-hover-effect\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-javascript-to-achieve-html-element-hover-effect\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-25<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-javascript-to-achieve-html-element-hover-effect\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>When we develop website applications, we may need to show or hide some buttons when the mouse hovers over some elements, which is somewhat like the hover effect in css, but since we want changes the exist of elements.<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-3856 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post7.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post7.jpg\" alt=\"How to figure out Vue axios CORS block?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-figure-out-vue-axios-cors-block\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-figure-out-vue-axios-cors-block\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-25<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-figure-out-vue-axios-cors-block\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>When we develop website applications, we may use the front-end and back-end separation strategy or request resources from other domain. At this time, we may trigger the http CORS block.<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-3634 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST6.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST6.jpg\" alt=\"How to load file from URL using PDF.js bypassing browser CORS?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-load-file-from-url-using-pdf-js-bypassing-browser-cors\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-load-file-from-url-using-pdf-js-bypassing-browser-cors\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-25<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-load-file-from-url-using-pdf-js-bypassing-browser-cors\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>The previous post has introduced how to disable the CORS (Cross-Origin Resource Sharing) of PDF.js, but PDF.js still cannot load the file from the URL, this is because the double CORS block of PDF.js and the browser.<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-3500 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST5.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/POST5.jpg\" alt=\"How to use PDF.js to load file from URL and figure out CORS block?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-pdf-js-to-load-file-from-url-and-figure-out-cors-block\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-pdf-js-to-load-file-from-url-and-figure-out-cors-block\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-25<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/25\/how-to-use-pdf-js-to-load-file-from-url-and-figure-out-cors-block\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>Through the previous steps, we can open local file in PDF.js, but when we want to load file from URL, it will be failed because of\u00a0 blocking the CORS(Cross-Origin Resource Sharing).<\/p><\/div><\/div><\/div><\/div><\/article><article class=\"wpr-grid-item elementor-clearfix post-3358 post type-post status-publish format-standard has-post-thumbnail hentry category-frontend category-webpdfviewer tag-import-pdf-js tag-online-pdf-viewer tag-pdf-js tag-web-pdf-viewer\"><div class=\"wpr-grid-item-inner\"><div class=\"wpr-grid-media-wrap wpr-effect-size-medium \" data-overlay-link=\"yes\"><div class=\"wpr-grid-image-wrap\" data-src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post4.jpg\"><img decoding=\"async\" src=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/Post4.jpg\" alt=\"How to import and use PDF.js in a new project?\" class=\"wpr-anim-timing-ease-default\"><\/div><div class=\"wpr-grid-media-hover wpr-animation-wrap\"><div class=\"wpr-grid-media-hover-bg  wpr-overlay-fade-in wpr-anim-size-large wpr-anim-timing-ease-default wpr-anim-transparency\" data-url=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/24\/how-to-import-and-use-pdf-js-in-a-new-project\/\"><\/div><\/div><\/div><div class=\"wpr-grid-item-below-content elementor-clearfix\"><div class=\"wpr-grid-item-read-more elementor-repeater-item-f6852fc wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/24\/how-to-import-and-use-pdf-js-in-a-new-project\/\" class=\"wpr-button-effect wpr-button-none\"><span>Read More<\/span><i class=\"wpr-grid-extra-icon-right far fa-arrow-alt-circle-right\"><\/i><\/a><\/div><\/div><div class=\"wpr-grid-item-date elementor-repeater-item-af42e91 wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><span>2022-06-24<span class=\"wpr-grid-extra-text-right\">\/<\/span><\/span><\/div><\/div><div class=\"wpr-grid-item-comments elementor-repeater-item-7570cfd wpr-grid-item-display-inline wpr-grid-item-align-left\"><div class=\"inner-block\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/2022\/06\/24\/how-to-import-and-use-pdf-js-in-a-new-project\/#respond\"><span>No Comments<\/span><\/a><\/div><\/div><div class=\"wpr-grid-item-excerpt elementor-repeater-item-90d6fa3 wpr-grid-item-display-block wpr-grid-item-align-left\"><div class=\"inner-block\"><p>In the previous blog, several pdf webviewer solutions were introduced and compared, including WebViewer and PDF.js. In the end, the open source PDF.js was chosen.<\/p><\/div><\/div><\/div><\/div><\/article><\/section><div class=\"wpr-grid-pagination elementor-clearfix wpr-grid-pagination-numbered\"><div class=\"wpr-grid-pagi-left-arrows\"><span class=\"wpr-first-page wpr-disabled-arrow\"><i class=\"fas fa-angle-double-left\"><\/i><span>First Page<\/span><\/span><\/div><span class=\"wpr-grid-current-page\">1<\/span><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages\/650\/page\/2\/\">2<\/a><div class=\"wpr-grid-pagi-right-arrows\"><a href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages\/650\/page\/2\/\" class=\"wpr-last-page\"><span>Last Page<\/span><i class=\"fas fa-angle-double-right\"><\/i><\/a><\/div><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>The best solution of pdf.js annotation Frontend, Web PDF ViewerChaoxu Wei2022-07-18 How to import and use PDF.js in a new project? Frontend, Web PDF ViewerChaoxu Wei2022-06-24 All Blogs All Post Frontend Uncategorized &nbsp;&nbsp;Back Website Template Web PDF Viewer Online Note Read More2022-07-18\/No Comments I have figured out the best solution of pdf.js annotation,\u00a0only use pdf.js [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-650","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Blogs - pdf.js annotation library for everyone!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Blogs - pdf.js annotation library for everyone!\" \/>\n<meta property=\"og:description\" content=\"The best solution of pdf.js annotation Frontend, Web PDF ViewerChaoxu Wei2022-07-18 How to import and use PDF.js in a new project? Frontend, Web PDF ViewerChaoxu Wei2022-06-24 All Blogs All Post Frontend Uncategorized &nbsp;&nbsp;Back Website Template Web PDF Viewer Online Note Read More2022-07-18\/No Comments I have figured out the best solution of pdf.js annotation,\u00a0only use pdf.js [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/\" \/>\n<meta property=\"og:site_name\" content=\"pdf.js annotation library for everyone!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/profile.php?id=100083516062282\" \/>\n<meta property=\"article:modified_time\" content=\"2022-07-20T11:37:28+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST20.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/6bac77d073615c351c81d1443558c032\",\"name\":\"Chaoxu Wei\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/mmexport1593955346163-1-scaled-e1654163212877.jpg\",\"contentUrl\":\"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/mmexport1593955346163-1-scaled-e1654163212877.jpg\",\"width\":2297,\"height\":2297,\"caption\":\"Chaoxu Wei\"},\"logo\":{\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/image\/\"},\"description\":\"Job hunting, both part-time and full-time jobs are accepted. Job recommendation please email me weichaoxu1998@gmail.com, thank you very much!\",\"sameAs\":[\"https:\/\/pdfjs.libertynlp.com\",\"https:\/\/www.facebook.com\/profile.php?id=100083516062282\",\"https:\/\/www.youtube.com\/channel\/UC1-am0MOM52n2HVeoLlWWxA\"]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#website\",\"url\":\"https:\/\/pdfjs.libertynlp.com\/\",\"name\":\"pdf.js annotation library for everyone!\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/6bac77d073615c351c81d1443558c032\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/pdfjs.libertynlp.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/\",\"url\":\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/\",\"name\":\"Blogs - pdf.js annotation library for everyone!\",\"isPartOf\":{\"@id\":\"https:\/\/pdfjs.libertynlp.com\/#website\"},\"datePublished\":\"2022-06-02T00:45:18+00:00\",\"dateModified\":\"2022-07-20T11:37:28+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u9996\u9875\",\"item\":\"https:\/\/pdfjs.libertynlp.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blogs\"}]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Blogs - pdf.js annotation library for everyone!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/","og_locale":"en_US","og_type":"article","og_title":"Blogs - pdf.js annotation library for everyone!","og_description":"The best solution of pdf.js annotation Frontend, Web PDF ViewerChaoxu Wei2022-07-18 How to import and use PDF.js in a new project? Frontend, Web PDF ViewerChaoxu Wei2022-06-24 All Blogs All Post Frontend Uncategorized &nbsp;&nbsp;Back Website Template Web PDF Viewer Online Note Read More2022-07-18\/No Comments I have figured out the best solution of pdf.js annotation,\u00a0only use pdf.js [&hellip;]","og_url":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/","og_site_name":"pdf.js annotation library for everyone!","article_publisher":"https:\/\/www.facebook.com\/profile.php?id=100083516062282","article_modified_time":"2022-07-20T11:37:28+00:00","og_image":[{"url":"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/07\/POST20.jpg"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":["Person","Organization"],"@id":"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/6bac77d073615c351c81d1443558c032","name":"Chaoxu Wei","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/image\/","url":"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/mmexport1593955346163-1-scaled-e1654163212877.jpg","contentUrl":"https:\/\/pdfjs.libertynlp.com\/wp-content\/uploads\/2022\/06\/mmexport1593955346163-1-scaled-e1654163212877.jpg","width":2297,"height":2297,"caption":"Chaoxu Wei"},"logo":{"@id":"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/image\/"},"description":"Job hunting, both part-time and full-time jobs are accepted. Job recommendation please email me weichaoxu1998@gmail.com, thank you very much!","sameAs":["https:\/\/pdfjs.libertynlp.com","https:\/\/www.facebook.com\/profile.php?id=100083516062282","https:\/\/www.youtube.com\/channel\/UC1-am0MOM52n2HVeoLlWWxA"]},{"@type":"WebSite","@id":"https:\/\/pdfjs.libertynlp.com\/#website","url":"https:\/\/pdfjs.libertynlp.com\/","name":"pdf.js annotation library for everyone!","description":"","publisher":{"@id":"https:\/\/pdfjs.libertynlp.com\/#\/schema\/person\/6bac77d073615c351c81d1443558c032"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/pdfjs.libertynlp.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/","url":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/","name":"Blogs - pdf.js annotation library for everyone!","isPartOf":{"@id":"https:\/\/pdfjs.libertynlp.com\/#website"},"datePublished":"2022-06-02T00:45:18+00:00","dateModified":"2022-07-20T11:37:28+00:00","breadcrumb":{"@id":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/pdfjs.libertynlp.com\/index.php\/bolgs\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u9996\u9875","item":"https:\/\/pdfjs.libertynlp.com\/"},{"@type":"ListItem","position":2,"name":"Blogs"}]}]}},"_links":{"self":[{"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages\/650","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/comments?post=650"}],"version-history":[{"count":283,"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions"}],"predecessor-version":[{"id":4976,"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/pages\/650\/revisions\/4976"}],"wp:attachment":[{"href":"https:\/\/pdfjs.libertynlp.com\/index.php\/wp-json\/wp\/v2\/media?parent=650"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}